微信小程序> 小程序js控制页面字体颜色属性

小程序js控制页面字体颜色属性

浏览量:3628 时间: 来源:编程微刊

需求:当电量少于百分之20的时候,显示电量的字体显示为红色。

 

1:在wxml里面设置属性batStyle: style="{{item.batStyle}}"

 <text  style="{{item.batStyle}}"  class="battery">电量:{{item.battery}}%</text>

2:当复合逻辑条件的时候,在js里面carList[i].batStyle = "color:red";

success: function(res) {        const carList = res.data.list;        for (let i = 0; i < carList.length; i++){          if (carList[i].battery < 21){            carList[i].batStyle = "color:red";          }        }        that.setData({          carList: res.data.list,        })        that.setData({          leader: res.data.leader,        })        if (res.data.list.length>0){          that.setData({            back:""          })        }              }

原文作者:祈澈姑娘 技术博客:https://www.jianshu.com/u/05f416aefbe1
90后前端妹子,爱编程,爱运营,爱折腾。
坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,对于博客上面有不会的问题,可以加入qq群聊来问我:473819131。

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎