goods-evaluateDetail.wxml 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. <!--module/order/pages/goods-evaluateDetail/goods-evaluateDetail.wxml 评价详情(只读)-->
  2. <t-navbar wx:if="{{!videoFullscreen}}" title="评价" left-arrow />
  3. <scroll-view class="page-scroll__container" type="list" scroll-y style="{{containerStyle}}">
  4. <view class="evaluate-container">
  5. <!-- 商品信息:仅展示 -->
  6. <view class="product-card" wx:if="{{product.name}}">
  7. <image class="product-img" src="{{product.image}}" mode="aspectFill" />
  8. <view class="product-info">
  9. <view class="product-name-row">
  10. <text class="product-name">{{product.name}}</text>
  11. <text class="product-divider" wx:if="{{product.description}}">|</text>
  12. <text class="product-spec" wx:if="{{product.description}}">{{product.description}}</text>
  13. </view>
  14. </view>
  15. </view>
  16. <!-- 描述相符 评分(只读展示) -->
  17. <view class="rate-row">
  18. <text class="rate-label">描述相符</text>
  19. <view class="rate-wrap">
  20. <t-rate
  21. value="{{score}}"
  22. count="{{5}}"
  23. color="{{rateColor}}"
  24. show-text="{{false}}"
  25. disabled="{{true}}"
  26. />
  27. <text class="rate-score">{{score || '0'}}分</text>
  28. </view>
  29. </view>
  30. <!-- 评价内容:只读展示 -->
  31. <view class="comment-section">
  32. <view class="comment-display">{{content || '暂无评价内容'}}</view>
  33. </view>
  34. <!-- 图片/视频:一行4个,可点击预览,视频全屏时隐藏导航和底部 -->
  35. <view class="upload-section">
  36. <view class="media-grid media-list--readonly" wx:if="{{mediaList.length > 0}}">
  37. <view class="media-item" wx:for="{{mediaList}}" wx:key="path">
  38. <image wx:if="{{item.type === 'image'}}" class="media-thumb" src="{{item.path}}" mode="aspectFill" bindtap="onPreviewImage" data-url="{{item.path}}" />
  39. <view wx:else class="media-item-video" bindtap="onPreviewVideo" data-index="{{index}}">
  40. <video id="goods-detail-video-{{index}}" class="media-thumb" src="{{item.path}}" show-center-play-btn="{{true}}" object-fit="cover" controls="{{true}}" bindfullscreenchange="onVideoFullscreenChange" />
  41. <view class="media-item-play"><t-icon name="play-circle-filled" size="56rpx" color="rgba(255,255,255,0.95)" /></view>
  42. </view>
  43. </view>
  44. </view>
  45. </view>
  46. </view>
  47. </scroll-view>
  48. <!-- 底部返回(视频全屏时隐藏,避免遮挡) -->
  49. <view class="publish-footer" wx:if="{{!videoFullscreen}}" style="padding-bottom: {{container.safeBottomOffset}}px;">
  50. <view class="publish-btn" bindtap="onBack">返回</view>
  51. </view>