小程式通過js控制頁面字型顏色屬性

摘要： 需求：當電量少於百分之20的時候，顯示電量的字型顯示為紅色。 1：在wxml裡面設定屬性batStyle： style="{{item.batStyle}}" <textstyle="{{item.batStyle}}"...

需求：當電量少於百分之20的時候，顯示電量的字型顯示為紅色。

1：在wxml裡面設定屬性batStyle： style="{{item.batStyle}}"

<textstyle="{{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。