美文网首页
微信小程序 动态控制多个class

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

作者: 淡意的温柔丶 | 来源:发表于2019-10-30 11:42 被阅读0次

一  只有两种样式的情况

//使用三目运算符

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

二  两种以上的情况

方式一:

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

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

方式二:

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

   附上一张效果图

相关文章

网友评论

      本文标题:微信小程序 动态控制多个class

      本文链接:https://www.haomeiwen.com/subject/kkkovctx.html