收藏
回答

cover-image 使用wx:if不能控制 模拟器可以实现 真机无效

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug cover-view/wx:if 客户端 6.7.3 2.3.2

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

})

}

},



最后一次编辑于  2018-11-02
回答关注问题邀请回答
收藏

1 个回答

  • 无理
    无理
    2018-11-02

    谢谢,那想做类似点赞的效果可以用什么方案实现

    2018-11-02
    有用
    回复 5
    • 卢霄霄
      卢霄霄
      2018-11-02

      抱歉。。我自大了。。刚刚才去试了下,wx:if是可以的

      https://developers.weixin.qq.com/s/7G5epDmv7v3n

      这是代码片段。。请使用你的appid在真机上试试。。

      我发现用网络图片的时候,不行,我用本地图片是可以的

      2018-11-02
      回复
    • 无理
      无理
      2018-11-02回复卢霄霄

      666谢谢大佬,可以你这个方案不错

      2018-11-02
      回复
    • 卢霄霄
      卢霄霄
      2018-11-02回复无理

      wx:if不行,只有在自定义组件的时候哦

      2018-11-02
      回复
    • 无理
      无理
      2018-11-02回复卢霄霄

      我刚刚也发现了自己的错误  tmd图片放进去工具没反应过来  重启了一边开发工具就可以  不过那会哪个透明度的方案也是一个解决方案

      2018-11-02
      回复
    • 卢霄霄
      卢霄霄
      2018-11-02回复无理

      还好去试了下。。不然误人子弟了。。

      2018-11-02
      回复
登录 后发表内容