66 lines
2.2 KiB
Plaintext
66 lines
2.2 KiB
Plaintext
|
<view class="comment-list-page">
|
||
|
|
<!-- 导航栏 -->
|
||
|
|
<t-navbar title="选择评价商品" left-arrow bind:left-click="onBack" />
|
||
|
|
|
||
|
|
<!-- 加载状态 -->
|
||
|
|
<view class="loading-container" wx:if="{{loading}}">
|
||
|
|
<t-loading theme="circular" size="48rpx" text="加载中..." />
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<!-- 商品列表 -->
|
||
|
|
<view class="order-items" wx:else>
|
||
|
|
<view
|
||
|
|
class="order-item"
|
||
|
|
wx:for="{{orderItems}}"
|
||
|
|
wx:key="id"
|
||
|
|
bind:tap="onCommentItem"
|
||
|
|
data-item="{{item}}"
|
||
|
|
>
|
||
|
|
<view class="item-content">
|
||
|
|
<!-- 商品图片 -->
|
||
|
|
<image
|
||
|
|
class="product-image"
|
||
|
|
src="{{item.product.images[0] || '/assets/placeholder.png'}}"
|
||
|
|
mode="aspectFill"
|
||
|
|
/>
|
||
|
|
|
||
|
|
<!-- 商品信息 -->
|
||
|
|
<view class="product-info">
|
||
|
|
<view class="product-name">{{item.product.name}}</view>
|
||
|
|
<view class="product-spec" wx:if="{{item.product_spec}}">{{item.product_spec}}</view>
|
||
|
|
<view class="product-price">
|
||
|
|
<price price="{{item.price}}" />
|
||
|
|
<text class="quantity">x{{item.quantity}}</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<!-- 评论状态 -->
|
||
|
|
<view class="comment-status">
|
||
|
|
<view class="status-badge" wx:if="{{item.is_commented}}">
|
||
|
|
<t-icon name="check-circle-filled" size="32rpx" color="#52c41a" />
|
||
|
|
<text class="status-text commented">已评价</text>
|
||
|
|
</view>
|
||
|
|
<view class="status-badge" wx:else>
|
||
|
|
<t-icon name="chat" size="32rpx" color="#ff6b35" />
|
||
|
|
<text class="status-text uncommented">待评价</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<!-- 箭头 -->
|
||
|
|
<view class="arrow" wx:if="{{!item.is_commented}}">
|
||
|
|
<t-icon name="chevron-right" size="32rpx" color="#999" />
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<!-- 空状态 -->
|
||
|
|
<view class="empty-state" wx:if="{{orderItems.length === 0}}">
|
||
|
|
<t-icon name="chat" size="120rpx" color="#ddd" />
|
||
|
|
<text class="empty-text">暂无可评价的商品</text>
|
||
|
|
<text class="empty-desc">所有商品都已评价完成</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<!-- Toast -->
|
||
|
|
<t-toast id="t-toast" />
|
||
|
|
</view>
|