init

miniprogram/pages/cart/components/specs-popup/index.wxml

@@ -0,0 +1,55 @@
+<t-popup visible="{{show}}" placement="bottom" z-index="{{zIndex}}" bind:visible-change="onClose">
+  <view class="specs-popup">
+    <view class="popup-close" bindtap="onClose">
+      <t-icon name="close" size="36rpx" />
+    </view>
+    
+    <!-- 商品信息 -->
+    <view class="popup-header">
+      <goods-card data="{{goods}}" layout="horizontal-wrap" thumb-mode="{{thumbMode}}" />
+    </view>
+
+    <!-- 加载中 -->
+    <view wx:if="{{loading}}" class="loading-container">
+      <t-loading theme="circular" size="40rpx" text="加载中..." />
+    </view>
+
+    <!-- 规格选择 -->
+    <view wx:else class="spec-selection">
+      <view class="spec-group" wx:for="{{specList}}" wx:key="specId">
+        <view class="spec-group-title">{{item.title}}</view>
+        <view class="spec-options">
+          <view
+            wx:for="{{item.specValueList}}"
+            wx:for-item="specValue"
+            wx:key="specValueId"
+            class="spec-option {{specValue.isSelected ? 'spec-option--active' : ''}}"
+            data-specid="{{item.specId}}"
+            data-id="{{specValue.specValueId}}"
+            bindtap="toChooseItem"
+          >
+            {{specValue.specValue}}
+          </view>
+        </view>
+      </view>
+      
+      <!-- 数量选择 -->
+      <view class="quantity-section">
+        <view class="quantity-label">购买数量</view>
+        <t-stepper 
+          value="{{buyNum}}" 
+          min="{{1}}" 
+          max="{{999}}" 
+          theme="filled" 
+          bind:change="handleBuyNumChange"
+        />
+      </view>
+    </view>
+
+    <!-- 确认按钮 -->
+    <view class="bottom-btn {{!isAllSelectedSku ? 'bottom-btn--disabled' : ''}}" hover-class="bottom-btn--active" bindtap="onConfirm">
+      确认
+    </view>
+  </view>
+</t-popup>
+<t-toast id="t-toast" />