init

miniprogram/pages/order/comment-list/index.wxml

@@ -0,0 +1,66 @@
+<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>