Parcourir la source

修复:用户端首页轮播图指示点错位

萤火科技 il y a 1 an
Parent
commit
a8011a8eed
1 fichiers modifiés avec 2 ajouts et 1 suppressions
  1. 2 1
      components/page/diyComponents/banner/index.vue

+ 2 - 1
components/page/diyComponents/banner/index.vue

@@ -9,7 +9,8 @@
       </swiper-item>
     </swiper>
     <!-- 指示点 -->
-    <view class="indicator-dots" :class="itemStyle.btnShape" :style="{ '--padding-top': `${itemStyle.paddingTop * 2}rpx` }">
+    <view class="indicator-dots" :class="itemStyle.btnShape"
+      :style="{ '--padding-top': `${itemStyle.paddingTop > 0 ? itemStyle.paddingTop * 2 : 1 }rpx` }">
       <view class="dots-item" :class="{ active: swiperIndex == index }" :style="{ backgroundColor: itemStyle.btnColor }"
         v-for="(dataItem, index) in dataList" :key="index"></view>
     </view>