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

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


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

 电量:{{item.battery}}%

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。

你可能感兴趣的:(小程序通过js控制页面字体颜色属性)