feat: 商品卡片组件的样式调整

src/components/SwipeCards/index.vue

@@ -15,38 +15,24 @@
         <!-- 商品大图部分：自适应剩余空间 -->
         <view class="goods-image-wrapper relative">
           <image class="w-full h-full" :src="card.commodityPhoto" mode="aspectFill"/>
-          <view
-            class="goods-title absolute left-0 right-0 bottom-0 border-box p-12"
-          >
-            <view class="font-size-14 font-500 color-white ellipsis-1">
-              {{ card.commodityName }}
-            </view>
-            <view class="card-price-row color-white">
-              <text class="font-size-11">￥</text>
-              <text class="font-size-14 font-bold">
-                {{ card.specificationPrice }}
-              </text>
-              <text class="font-size-11 ml-2" v-if="card.stockUnitLabel"
-                >/{{ card.stockUnitLabel }}</text
-              >
-            </view>
-          </view>
         </view>
 
-        <!-- 底部相册部分：固定比例或高度 -->
-        <view class="border-box p-12 flex flex-justify-between">
-          <view
-            v-for="(item, index) in card.commodityPhotoList"
-            :key="index"
-            class="album-item relative overflow-hidden bg-f5 rounded-10"
-          >
-            <image :src="item.photoUrl" mode="aspectFill" />
-            <view
-              class="album-title absolute left-0 right-0 bottom-0 color-white font-size-11 font-500 ellipsis-1 flex flex-items-center flex-justify-center"
-            >
-              {{ item.photoName }}
+        <!-- 底部：价格 + 购买按钮 -->
+        <view class="card-footer border-box p-12 flex flex-justify-between flex-items-center">
+          <view class="border-box">
+            <view class="font-size-14 font-500 color-333 ellipsis-1">
+              {{ card.commodityName }}
+            </view>
+            <view class="card-price-row color-333">
+              <text class="font-size-11">￥</text>
+              <text class="font-size-24 font-bold">
+                {{ card.specificationPrice }}
+              </text>
+              <text class="font-size-11 ml-2" v-if="card.stockUnitLabel">/{{ card.stockUnitLabel }}</text>
             </view>
           </view>
+
+          <view class="buy-btn" @click.stop="placeOrderHandle(card)">购买</view>
         </view>
       </view>
     </view>