小程序 切换图片

点击切换图片


<view data-flag="{{flag}}" data-num="1" class="list-menu list-menu1 {{_num==1?'active':''}}" bindtap="menuClick">
<image wx:if="{{flag}}" src="/images/my/quanbu.png"></image>
<image wx:else src="/images/my/daishouhuo.png"></image>
</view>
<view data-flag="{{!flag}}" data-num="2" class="list-menu list-menu2 {{_num==2?'active':''}}" bindtap="menuClick">
<image wx:if="{{flag}}" src="/images/my/daishouhuo.png"></image>
<image wx:else src="/images/my/faifukuan.png"></image>
</view>

定义变量

flag: "true”,

menuClick: function (e) {
var aaa = e.currentTarget.dataset.flag;
var bbb = e.currentTarget.dataset.num
console.log(bbb);
if (bbb == 1) {
aaa = true
} else {
aaa = false
}

this.setData({
flag: aaa
})
},
.list-top view {
margin: 0rpx 20rpx;
font-size: 30rpx;
width: 100rpx;
height:50rpx;
line-height:50rpx;
background: #ccc;
text-align: center;
border-radius: 10rpx;
}

.list-top view image {
width: 100rpx;
height:50rpx;
}