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

需求：当电量少于百分之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。