在小程式工作中經常會遇到當一種情況下顯示的是一種圖片，另一種情況下顯示的是另一種圖片，我們可以切換圖片的顯示隱藏來實現這種業務。

那我們在小程式中一般如何來實現圖片的切換呢

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檔案中呢就能做到圖片的切換了