第一种,根据data的值判断显示什么颜色
// js文件
data:{
selected:true
}
// wxml
<view class="tab-header">
<view style="background:{{selected ? 'red' : 'blue'}}" >红色</view>
<view style="background:{{selected ? 'blue' : 'red'}}" >蓝色</view>
</view>
第二种:绑定data的值,当需要修改颜色的时候直接在js文件里面setData({})改变color的值即可
// js文件
data:{
color:"red",
color1:"blue"
}
// wxml
<view class="tab-header">
<view style="background:{{color}}" >红色</view>
<view style="background:{{color1}}" >蓝色</view>
</view>
现在这种方式已经无效了吗?
computed:{
some_style() {
return `color: blue; font-size:20px; background:red;`
},
}
<view style="{{setColor(thead,item)}};">{{item[thead['key']]|| ''}}</view>
methods: { setColor(thead, item) { console.log(thead, item); return "color:red"; },
background-image: {{linear-gradient(to right,item.leftColor, item.rightColor )}} 这个怎么解决
报错“{ expected css(css-lcurlyexpected)“ 的错误,怎么解决?
.json中style的属性没有明确说明啊
style="background:linear-gradient(90deg, {{colorList[index][0]|| '#E85B60'}}, {{colorList[index][1]|| '#E74C7C'}})"
{{homeOutObj.color}}绑定的啥
????