微信小程序 动态控制多个class

一  只有两种样式的情况

//使用三目运算符

<view class=" { { true ? 'class1' : 'class2' } } ">   </view>

二  两种以上的情况

方式一：

            //还是跟两种class的情况一样，只需用空格隔开

            <view class=" {{ }}  {{ }}  {{ }}">   </view>

方式二：

            <view class="{{ index==1 ? 'class1' : ' '  || index==2' ? 'index==2 : 'class2' || index==3 ?'class3' : ' ' }}"></view>

   附上一张效果图