微信小程序教程系列之视图层的条件渲染（10）
81 浏览量
2021-01-03
06:38:00
上传
评论
收藏 73KB PDF 举报
微信小程序教程系列之视图层的条件渲染（微信小程序教程系列之视图层的条件渲染（10））
本教程为大家分享了使用wx:if进行视图层的条件渲染，供大家参考，具体内容如下
使用wx:if进行视图层的条件渲染
示例：示例：
wxml：使用：使用view
<!--index.wxml-->
<button bindtap="EventHandle">按钮</button>
<!-- wx:if -->
<view wx:if="{{boolean==true}}">
<view class="bg_black"></view>
</view>
<view wx:elif="{{boolean==false}}">
<view class="bg_red"></view>
</view>
wxss：：
/**index.wxss**/
.bg_black {
height: 200rpx;
background: lightskyblue;
}
.bg_red {
height: 200rpx;
background: lightpink;
}
js：：
// index.js
资源评论
