小程序之如何让图片显示隐藏

在小程序工作中经常会遇到当一种情况下显示的是一种图片，另一种情况下显示的是另一种图片，我们可以切换图片的显示隐藏来实现这种业务。

那我们在小程序中一般如何来实现图片的切换呢

1：wx:if

这跟我们js中的显示隐藏道理和功能上是一样的

<block wx:if="{{xx}}">//一般这里我们会绑定一个变量，如果这个变量是true，也就是有值的情况下，该view1就会被渲染，如果没值或者是false会渲染下面view2的代码块
  <view> view1 </view>
</block>

<block wx:else>
  <view> view2</view>
</block>

2：三木运算

<img src="{{isPlaying?'/images/1.png':'/images/2.png'}}">

这里如果变量isPlaying是true的话src的值就是1.png，如果是假的话就是2.png

这样在wxml文件中呢就能做到图片的切换了