小程序三元运算

  <view tt:for="{{Arr}}">
       <image data-index="{{index}}" class="{{index===activeItemIndex?‘index-testa-img-sel‘:‘index-testa-img‘}}"
  bindtap="selectFun" src="../../image/character/danxuan{{index}}.png" mode="" />
  </view>
 
不点击时执行这个
.index-testa-img{
width:500rpx;
height:116rpx;
z-index:4;
margin-top: 12rpx;
background-color:
#fff;
}
 
点击时执行这个
.index-testa-img-sel{
width:500rpx;
height:116rpx;
z-index:5;
margin-top: 12rpx;
">#ad97ff;
}
 
data:{
activeItemIndex:100,
bgSelColor:"#fff",
Arr:["../../image/xx.png",]
},

selectFun: function(e){
this.setData({
activeItemIndex:e.target.dataset.index
})
console.log(this.data.activeItemIndex)
},

小程序三元运算

上一篇:微信小程序输入框上移问题解决


下一篇:mPaaS 小程序架构解析 | 实操演示小程序如何实现多端开发