wxhuanart/miniprogram/pages/goods/comments/index.wxml

<view wx:if="{{loading}}">
  <t-loading t-class="page-loading" theme="circular" size="40rpx" loading t-class-indicator="t-class-indicator">
    <span slot="text" class="loading-text">加载中...</span>
  </t-loading>
</view>
<view class="comments-header">
  <t-tag t-class="comments-header-tag {{commentType === '' ? 'comments-header-active' : ''}}" data-commenttype="" bindtap="changeTag">
    全部({{totalCount}})
  </t-tag>
  <t-tag t-class="comments-header-tag {{commentType === '3' ? 'comments-header-active' : ''}}" data-commenttype="3" bindtap="changeTag">
    好评({{goodCount}})
  </t-tag>
  <t-tag t-class="comments-header-tag {{commentType === '2' ? 'comments-header-active' : ''}}" data-commenttype="2" bindtap="changeTag">
    中评({{middleCount}})
  </t-tag>
  <t-tag t-class="comments-header-tag {{commentType === '1' ? 'comments-header-active' : ''}}" data-commenttype="1" bindtap="changeTag">
    差评({{badCount}})
  </t-tag>
</view>
<view class="comments-card-list p-4">
  <block wx:for="{{items}}" wx:key="index">
    <comments-card score="{{item.score}}" userName="{{item.userName}}" commentResources="{{item.commentResources || []}}" content="{{item.content}}" isAnonymity="{{item.isAnonymity}}" commentTime="{{item.commentTime}}" isAutoComment="{{item.isAutoComment}}" userAvatar="{{item.userAvatar}}" specInfo="{{item.specInfo}}" sellerReply="{{item.sellerReply || ''}}" goodsDetailInfo="{{item.goodsDetailInfo || ''}}" />
  </block>
  <n-load-more wx:if="{{items && items.length > 0}}" status="{{loadMoreStatus}}" no-more-text="没有更多了" />
</view>