微信小程序> 微信小程序图片显示切换

微信小程序图片显示切换

浏览量:486 时间: 来源:zhoushenxian

比如我们常用的收藏功能,当你收藏了后就显示收藏后的图片,没有收藏一般显示一个比较浅点的颜色,那么这个功能在小程序如何实现呢?因为小程序的组件数据都是绑定的,一般这么写:

   image wx:if="{{isColect}}" class='collect_img'  src='/images/collection.png' bindtap="onCollect"/image     image wx:else class='collect_img'  src='/images/collection-anti.png' /image

wx:if绑定的值是定义在Page中的data:{}中的变量,如果是true就显示上面的,false就是走else.还有一点就是如果有事件触发的话,if 和else都要写,而且方法名是一致的.

还有一种写法就是使用了三元云算法了,

image  class='collect_img'  src='{{isColect?/images/collection.png:/images/collection1.png}}' bindtap="onCollect"/image

 

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎