소스 검색

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

萤火科技 1 년 전
부모
커밋
a8011a8eed
1개의 변경된 파일과 2개의 추가작업 그리고 1개의 파일을 삭제
  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>