前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >小程序通过js控制页面字体颜色属性

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

作者头像
王小婷
发布2019-03-29 16:06:54
5.6K0
发布2019-03-29 16:06:54
举报
文章被收录于专栏:编程微刊编程微刊

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

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

代码语言:javascript
复制
 <text  style="{{item.batStyle}}"  class="battery">电量:{{item.battery}}%</text>

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

代码语言:javascript
复制
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。

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019.03.25 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档