当我们想根据不同的条件值,展示不同的页面效果。那就需要动态设置样式
案例如下:
index.wxml:
<button bindtap="set"> 设置 </button>
<view style="color:{{ setColor ? 'red' : 'cyan' }}"> hello world </view>
index.js:
Page({
data:{
setColor:false
},
set(){
this.setData({
setColor:true
})
}
})