fix(swiper): update style (#1327)

Tencent · Dec 29, 2022 · a206fc1 · a206fc1
1 parent c5a92d4
commit a206fc1
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 1 deletion.
diff --git a/src/swiper/_example/cards/index.wxss b/src/swiper/_example/cards/index.wxss
@@ -1,8 +1,11 @@
 
 .card-theme {
+  --td-swiper-radius: 0;
   --td-swiper-item-padding: 0 12rpx;
   --td-swiper-nav-dot-color: #e7e7e7;
   --td-swiper-nav-dot-active-color: #0052d9;
+
+  padding-bottom: 18px;
 }
 
 .card-theme .card-theme-nav {

diff --git a/src/swiper/swiper.less b/src/swiper/swiper.less
@@ -1,10 +1,16 @@
 @import '../common/style/index.less';
 
+@swiper-radius: var(--td-swiper-radius, @radius-large);
 @swiper-item-padding: var(--td-swiper-item-padding, 0);
 
 .@{prefix}-swiper {
   position: relative;
 
+  &-host {
+    border-radius: @swiper-radius;
+    overflow: hidden;
+  }
+
   &__item {
     display: flex;
     align-items: center;

diff --git a/src/swiper/swiper.wxml b/src/swiper/swiper.wxml
@@ -3,6 +3,7 @@
 
 <view class="{{prefix}}-class {{classPrefix}}" style="{{customStyle}}">
   <swiper
+    class="{{classPrefix}}-host"
     autoplay="{{autoplay}}"
     current="{{current}}"
     interval="{{interval}}"
@@ -27,7 +28,6 @@
         t-class="{{prefix}}-class-image {{this.isPrev(current, index, list) ? (prefix + '-class-prev-image') : ''}} {{this.isNext(current, index, list) ? (prefix + '-class-next-image') : ''}} {{classPrefix}}__image"
         custom-style="height: {{_.addUnit(height)}}"
         src="{{item}}"
-        shape="round"
       />
     </swiper-item>
   </swiper>