wip: slider-100

pages/component/slider-100/slider-100.uvue

@@ -6,19 +6,19 @@
     <view class="flex-row">
       <view class="flex-fill">
         <slider v-for="(_, index1) in 25" :key="index1" class="slider" @changing="sliderChanging" :value="sliderValue"
-          :block-size="sliderBlockSize" :show-value="true" />
+          :block-size="20" :show-value="true" />
       </view>
       <view class="flex-fill">
         <slider v-for="(_, index2) in 25" :key="index2" class="slider" @changing="sliderChanging" :value="sliderValue"
-          :block-size="sliderBlockSize" :show-value="true" />
+          :block-size="20" :show-value="true" />
       </view>
       <view class="flex-fill">
         <slider v-for="(_, index3) in 25" :key="index3" class="slider" @changing="sliderChanging" :value="sliderValue"
-          :block-size="sliderBlockSize" :show-value="true" />
+          :block-size="20" :show-value="true" />
       </view>
       <view class="flex-fill">
         <slider v-for="(_, index4) in 25" :key="index4" class="slider" @changing="sliderChanging" :value="sliderValue"
-          :block-size="sliderBlockSize" :show-value="true" />
+          :block-size="20" :show-value="true" />
       </view>
     </view>
     <!-- #ifdef APP -->
@@ -31,12 +31,11 @@
     data() {
       return {
         title: 'slider 滑块 x 100',
-        sliderValue: 50,
-        sliderBlockSize: 20
+        sliderValue: 50
       }
     },
     methods: {
-      sliderChanging(e: SliderChangeEvent) {
+      sliderChanging(e : SliderChangeEvent) {
         this.sliderValue = e.detail.value
       },
     },
@@ -56,11 +55,6 @@
     flex: 1;
   }
 
-  .first-slider {
-    margin: 12px 0;
-    background-color: rgba(0, 0, 0, 0.1);
-  }
-
   .slider {
     margin: 2px 0.5px;
   }