<!--module/order/pages/goods-evaluateDetail/goods-evaluateDetail.wxml 评价详情（只读）-->
<t-navbar wx:if="{{!videoFullscreen}}" title="评价" left-arrow />
<scroll-view class="page-scroll__container" type="list" scroll-y style="{{containerStyle}}">
  <view class="evaluate-container">
    <!-- 商品信息：仅展示 -->
    <view class="product-card" wx:if="{{product.name}}">
      <image class="product-img" src="{{product.image}}" mode="aspectFill" />
      <view class="product-info">
        <view class="product-name-row">
          <text class="product-name">{{product.name}}</text>
          <text class="product-divider" wx:if="{{product.description}}">|</text>
          <text class="product-spec" wx:if="{{product.description}}">{{product.description}}</text>
        </view>
      </view>
    </view>

    <!-- 描述相符 评分（只读展示） -->
    <view class="rate-row">
      <text class="rate-label">描述相符</text>
      <view class="rate-wrap">
        <t-rate
          value="{{score}}"
          count="{{5}}"
          color="{{rateColor}}"
          show-text="{{false}}"
          disabled="{{true}}"
        />
        <text class="rate-score">{{score || '0'}}分</text>
      </view>
    </view>

    <!-- 评价内容：只读展示 -->
    <view class="comment-section">
      <view class="comment-display">{{content || '暂无评价内容'}}</view>
    </view>

    <!-- 图片/视频：一行4个，可点击预览，视频全屏时隐藏导航和底部 -->
    <view class="upload-section">
      <view class="media-grid media-list--readonly" wx:if="{{mediaList.length > 0}}">
        <view class="media-item" wx:for="{{mediaList}}" wx:key="path">
          <image wx:if="{{item.type === 'image'}}" class="media-thumb" src="{{item.path}}" mode="aspectFill" bindtap="onPreviewMedia" data-index="{{index}}" />
          <view wx:else class="media-item-video" bindtap="onPreviewMedia" data-index="{{index}}">
            <video id="goods-detail-video-{{index}}" class="media-thumb" src="{{item.path}}" show-center-play-btn="{{true}}" object-fit="cover" controls="{{true}}" bindfullscreenchange="onVideoFullscreenChange" />
            <view class="media-item-play"><t-icon name="play-circle-filled" size="56rpx" color="rgba(255,255,255,0.95)" /></view>
          </view>
        </view>
      </view>
    </view>
  </view>
</scroll-view>

<!-- 底部返回（视频全屏时隐藏，避免遮挡） -->
<view class="publish-footer" wx:if="{{!videoFullscreen}}" style="padding-bottom: {{container.safeBottomOffset}}px;">
  <view class="publish-btn" bindtap="onBack">返回</view>
</view>


