一 只有两种样式的情况
//使用三目运算符
<view class=" { { true ? 'class1' : 'class2' } } "> </view>
二 两种以上的情况
方式一：
//还是跟两种class的情况一样，只需用空格隔开
<view class=" {{ }} {{ }} {{ }}"> </view>
方式二：
<view class="{{ index==1 ? 'class1' : ' ' || index==2' ? 'index==2 : 'class2' || index==3 ?'class3' : ' ' }}"></view>
附上一张效果图
