微信小程序根据不同的值动态显示不同颜色按钮

最新推荐文章于 2023-09-20 21:35:10 发布

guochanof

最新推荐文章于 2023-09-20 21:35:10 发布

阅读量2.2k

点赞数 1

分类专栏：微信小程序开发

本文链接：https://blog.csdn.net/guochanof/article/details/119729314

版权

动态控制按钮颜色小程序按钮颜色小程序多颜色按钮不同值不同色不同值不同颜色

微信小程序开发专栏收录该内容

26 篇文章 22 订阅

订阅专栏

已选按钮为绿色,未选按钮选中变色

方法:在三目中套一个三目

<view class="margin-tb-sm text-center" wx:for="{{list}}" wx:key="key">
    <view class="cu-btn round {{item.data.length != 0?item.checked?'bg-grey':'bg-olive':item.checked?'bg-grey':'line-grey'}}" bindtap="chooseRadio"  data-index="{{index}}" data-id="{{item.id}}"> {{item.name}}</view>
</view>