0
点赞
收藏
分享

微信扫一扫

小程序中条件渲染用法


有时完善内容显示需要不同条件显示不同内容

用到了WX:if

  

<text class="comments-title">最新评论</text>

<view class="comments-box" wx:if="{{comments.length > 0}}">

<view class="comments-list" wx:for="{{comments}}" wx:for-item="item" wx:for-index="i">

<view class="comments-avatar"><image class="comments-avatar-img" src="{{item.avatar}}"/></view>

<view class="comments-main">

<view class="comments-author">

<view class="comments-zan">{{item.likes}}</view>

<text>{{item.author}}</text>

</view>

<view class="comments-content">{{item.content}}</view>

<view class="comments-data">{{item.times}}</view>

</view>

</view>

</view>

<!-- 没有评论 -->

<view class="not-comments" wx:else> 暂时还没有评论喔! </view>

欢迎关注,有问题一起学习欢迎留言、评论。

你要保守你心,胜过保守一切。

作者:刘俊涛的博客​​




举报

相关推荐

0 条评论