浏览代码

feat: 优化详情ongoing Group排版

叶静 3 周之前
父节点
当前提交
08a200123b
共有 1 个文件被更改,包括 8 次插入2 次删除
  1. 8 2
      src/pages/productDetail/productDetail.vue

+ 8 - 2
src/pages/productDetail/productDetail.vue

@@ -427,7 +427,7 @@ onShow(async () => {
       </view>
       <image src="/static/images/buy-flow.png" class="w-full" mode="widthFix" />
     </view>
-    <view v-if="pinkInfo && pinkInfo.length" class="bg-white px-24rpx pt-24rpx">
+    <view v-if="pinkInfo && pinkInfo.length" class="mb-20rpx bg-white px-24rpx pt-24rpx">
       <view
         class="mb-20rpx flex items-center before:h-45rpx before:w-8rpx before:rounded-4rpx before:bg-#FF3778 before:content-empty"
       >
@@ -435,7 +435,13 @@ onShow(async () => {
           {{ $t('productDetail.ongoingGroup') }}
         </text>
       </view>
-      <swiper autoplay vertical circular class="h-240rpx">
+      <swiper
+        autoplay
+        vertical
+        circular
+        class="py-10rpx"
+        :style="{ height: pinkInfo[0].length <= 3 ? `${pinkInfo[0].length * 80}rpx` : '240rpx' }"
+      >
         <swiper-item v-for="(list, y) in pinkInfo" :key="y">
           <view class="flex flex-col gap-24rpx">
             <view v-for="(item, index) in list" :key="index" class="flex items-center justify-between">