开发者社区 问答 正文

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

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

展开
收起
游客756c7flrg4z6w 2026-04-02 10:18:25 110 分享 版权
来自: 钉钉宜搭
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
    赞同 276 展开评论
问答分类:
问答地址:
收录在圈子:
+ 订阅
「宜搭」是云钉原生低代码平台(钉钉 PaaS - aPaaS),让企业应用搭建更简单! 帮助中小企业降本提效,加强组织的数字化自主权; 帮助大型企业释放个体创新力,助力组织创新涌现。
还有其他疑问?
咨询AI助理