## Class动态绑定样式 > 目的:根据data中you的数据来判断，用什么颜色.you为true值，class=nihao；反之class=nihao12 **js中代码(data数据)** ``` Page({ /** * 页面的初始数据 */ data: { you:0 } }) ``` **wxml中** ``` <view class="{{you?'nihao':'nihao12'}}"> <view>hello,我会变颜色</view> </view> ``` **wxss中** ``` .nihao { color: red } .nihao12 { color: greenyellow } ```