在循环容器中,我想要根据数据内容,来动态的设置元素的背景颜色。
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。
给你个参考。我的是根据文本内容来动态设置元素的背景颜色。先用一个容器把文本内容装起来。容器的样式设置源码
: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':'')
最后的结果就是循环容器中,文本是运行的显示红色,检修的显示灰色。默认的是备用,显示绿色。