fix(Swiper): resolved loading style (#2246)

Tencent · Aug 4, 2023 · e232fe0 · e232fe0
1 parent e13bada
commit e232fe0
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 26 deletions.
diff --git a/src/swiper/__test__/__snapshots__/demo.test.js.snap b/src/swiper/__test__/__snapshots__/demo.test.js.snap
@@ -279,7 +279,7 @@ exports[`Swiper Swiper vertical demo works fine 1`] = `
         class="option"
       >
         <t-slider
-          label=""
+          label="{{true}}"
           max="{{5000}}"
           min="{{1000}}"
           step="{{500}}"
@@ -288,11 +288,6 @@ exports[`Swiper Swiper vertical demo works fine 1`] = `
           value="{{5000}}"
           bind:change="onIntervalChange"
         />
-        <wx-view
-          class="option-desc"
-        >
-          5000
-        </wx-view>
       </wx-view>
     </wx-view>
     <wx-view
@@ -307,7 +302,7 @@ exports[`Swiper Swiper vertical demo works fine 1`] = `
         class="option"
       >
         <t-slider
-          label=""
+          label="{{true}}"
           max="{{2000}}"
           min="{{200}}"
           step="{{100}}"
@@ -316,11 +311,6 @@ exports[`Swiper Swiper vertical demo works fine 1`] = `
           value="{{500}}"
           bind:change="onDurationChange"
         />
-        <wx-view
-          class="option-desc"
-        >
-          500
-        </wx-view>
       </wx-view>
     </wx-view>
   </wx-view>

diff --git a/src/swiper/_example/vertical/index.wxml b/src/swiper/_example/vertical/index.wxml
@@ -29,11 +29,10 @@
         value="{{interval}}"
         min="{{1000}}"
         max="{{5000}}"
-        label=""
+        label="{{true}}"
         step="{{500}}"
         bindchange="onIntervalChange"
       ></t-slider>
-      <view class="option-desc">{{interval}}</view>
     </view>
   </view>
   <view class="cell">
@@ -45,11 +44,10 @@
         value="{{duration}}"
         min="{{200}}"
         max="{{2000}}"
-        label=""
+        label="{{true}}"
         step="{{100}}"
         bindchange="onDurationChange"
       ></t-slider>
-      <view class="option-desc">{{duration}}</view>
     </view>
   </view>
 </view>
diff --git a/src/swiper/_example/vertical/index.wxss b/src/swiper/_example/vertical/index.wxss
@@ -33,20 +33,12 @@
   margin-right: 20rpx;
 }
 
-.cell .option {
-  display: flex;
-  flex-direction: row;
-  justify-content: start;
-  align-items: center;
-}
-
 .cell .option-desc {
   width: 68rpx;
-  padding-left: 32rpx;
 }
 
 .cell .swiper-slider {
-  flex: 1;
+  margin: 32rpx 0;
 }
 
 .swiper-box-vertical .item {

diff --git a/src/swiper/swiper.less b/src/swiper/swiper.less
@@ -24,7 +24,6 @@
     transition: all 0.3s ease;
 
     &-host {
-      display: block;
       width: 100%;
     }
   }