【微信小程序】通过三元表达式给view动态设置class

川川~

于 2021-02-17 15:17:41 发布

阅读量1.6k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：微信小程序

本文链接：https://blog.youkuaiyun.com/zhangshuny/article/details/113834361

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

21 篇文章

订阅专栏

这篇博客探讨了如何使用HTML和JavaScript实现已核销和未核销按钮的样式控制。通过`checked-color`和`uncheck-color`类，作者展示了如何动态改变按钮的视觉状态，以反映不同的业务流程阶段。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

  <button class="check-button {{btnDesc == '已核销' ? 'checked-color' : 'uncheck-color'}}" catchtap="payClick"
      hidden="{{payBtnHidden}}">{{btnDesc}}</button>

其中checked-color是“已核销”的按钮样式，
uncheck-color是“核销”的按钮样式
在这里插入图片描述