在小程序工作中经常会遇到当一种情况下显示的是一种图片,另一种情况下显示的是另一种图片,我们可以切换图片的显示隐藏来实现这种业务。
那我们在小程序中一般如何来实现图片的切换呢
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文件中呢就能做到图片的切换了