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