wxml
<cover-view class='ico-l-1' bindtap = 'like'>
<cover-image wx:if="{{like==true}}" src='../../imgs/like_t.png' class='ico-l-1-i'></cover-image>
<cover-image wx:if="{{like==false}}" src='../../imgs/like_v.png' class='ico-l-1-i'></cover-image>
</cover-view>
wxss
.ico-l-1 {
width: 70rpx;
height: 70rpx;
/* border: 1rpx solid #aaa; */
position: absolute;
left: 87vw;
top: 50vh;
}
.ico-l-1-i {
width: 100%;
height: 100%;
}
js
data:{like: false}
like: function() {
var that = this
if(that.data.like==true){
that.setData({
like: false
})
}else{
that.setData({
like: true
})
}
},
谢谢,那想做类似点赞的效果可以用什么方案实现
抱歉。。我自大了。。刚刚才去试了下,wx:if是可以的
https://developers.weixin.qq.com/s/7G5epDmv7v3n
这是代码片段。。请使用你的appid在真机上试试。。
我发现用网络图片的时候,不行,我用本地图片是可以的
666谢谢大佬,可以你这个方案不错
wx:if不行,只有在自定义组件的时候哦
我刚刚也发现了自己的错误 tmd图片放进去工具没反应过来 重启了一边开发工具就可以 不过那会哪个透明度的方案也是一个解决方案
还好去试了下。。不然误人子弟了。。