challengeFamily/pages/product/comment/index.wxml

<view class="content">
  <view class="comment-box white-bg">
    <view class="scoreBox">
      <view class="scoreTit">整体评分</view>
      <view class="starBlank">
        <view class="scoreBG" style="width:{{score}}%"></view>
      </view>
    </view>
    <view class="tag-list mTop20">
      <view data-sort="{{item.sort}}" data-keyword="{{item.keyword}}" bindtap="setTag" class="text {{item.sort == queryData.sort ? ' active':''}}" wx:for="{{datas.tagList}}" wx:key="unique">{{item.name}}<text wx:if="{{item.cnt > 0}}">({{item.cnt}})</text></view>
    </view>
  </view>
  <view class="comment white-bg" wx:for="{{datas.comments}}" wx:key="unique">
    <view class="userInfor">
      <view class="headerBox">
        <image class="headerImgB" src="{{item.ownerAvatar}}" />
        <text>{{item.ownerNick}}</text>
        <view class="starBlank mini-starBlank inline-block">
          <view class="scoreBG" style="width:{{item.arating * 20}}%"></view>
        </view>
      </view>
      <view class="userBox">
        <text class="gray font12">{{item.weiboTime}}</text>
      </view>
    </view>
    <view class="listScore">
      <view class="score"><text>{{item.contented}}</text>
        <view class="subtitleColor mTop10"><text wx:for="{{item.option}}" wx:for-item="items" wx:key="unique">{{items}}</text>
        </view>
      </view>
      <view class="scoreImg mTop10" wx:if="{{item.imageList.length>0}}" bindtap="previewImage" data-index="{{index}}">
        <image wx:for="{{item.imageList}}" wx:key="unique" data-i="{{index}}" wx:for-item="itemImg" src="{{itemImg}}?x-oss-process=image/resize,m_mfit,h_300,w_300" mode="aspectFill"></image>
      </view>
      <view class="addScore" wx:if="{{item.fcomments.fcontent}}">
        <view class="addTitle">{{item.fcomments.fweibotime}}追加评论</view>
        <view class="score"><text>{{item.fcomments.fcontent}}</text></view>
        <view class="scoreImg mTop10" wx:if="{{item.fcomments.fimages.length > 0}}" bindtap="previewFimages" data-index="{{index}}">
          <image wx:for="{{item.fcomments.fimages}}" wx:key="unique" wx:for-item="itemImg" src="{{itemImg}}?x-oss-process=image/resize,m_mfit,h_300,w_300" mode="aspectFill" data-i="{{index}}"></image>
        </view>
      </view>
      <view class="reply" wx:if="{{item.answer}}">
        <view class="addTitle replyTitle"><text class="icon icon-commentd"></text>宝大大回复：</view>
        <view class="score">{{item.answer}}</view>
      </view>
    </view>
  </view>
</view>