开发者社区 问答 正文

自定义页面,如何动态设置样式

在循环容器中,我想要根据数据内容,来动态的设置元素的背景颜色。

展开
收起
游客756c7flrg4z6w 2026-04-02 10:18:25 59 分享 版权
来自: 钉钉宜搭
1 条回答
写回答
取消 提交回答
  • 给你个参考。我的是根据文本内容来动态设置元素的背景颜色。先用一个容器把文本内容装起来。容器的样式设置源码
    :root {
    color: #fff;
    background: #8b9a8b;
    border-radius: 4px;
    cursor: pointer;
    }

    :root.run {
    color: #fff;
    background: #9b7b7b;
    }
    :root.fix {
    color: #fff;
    background: #7a8b99;
    }
    容器的属性,自定义样式类。绑定变量
    item.radioField_mnfa7ife==='运行'?'run':(item.radioField_mnfa7ife==='检修'?'fix':'')
    最后的结果就是循环容器中,文本是运行的显示红色,检修的显示灰色。默认的是备用,显示绿色。

    2026-04-14 17:31:59
    赞同 106 展开评论
问答分类:
问答地址: