设为首页 加入收藏

TOP

微信小程序动态绑定class样式类(三木运算)
2023-08-26 21:10:22 】 浏览:199
Tags:程序动 class

直接上代码,循环列表,根据选中状态显示不同的样式,active就是你在wxss文件里面创建的类名

<view  class="{{item.select ? 'active':''}}" wx:for="{{itemList}}" wx:key="{{item.id}}">    {{item.name}} </view>      

在一个标签的class里添加{{}}模板语法,模板里面是一个三元判别式,其中表达式一般引用data中的属性,表达式返回true或者false,A,B是class名,按照三元判别式的逻辑引用A或B。

当然可以同时引用多个,如<view class="E F {{ 表达式?'A':'B' }} {{ 表达式?'C':'D' }}"></view>这行代码引用了类E,F,选择引用A或B,选择引用C或D
也可以把三元判别式最后的参数去掉,以达到某个样式的显示或隐藏,如<view class="{{ 表达式?'A':'' }}" ></view>


          
】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
上一篇APP INVENTOR的使用 下一篇Android Studio Giraffe安装与gra..

最新文章

热门文章

Hot 文章

Python

C 语言

C++基础

大数据基础

linux编程基础

C/C++面试题目