第一种,根据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>