diff --git a/pages.json b/pages.json
index a19b268f2eb585e52f4c7fe9b25eb92159ede518..42e8900cfab98d188dbd5ddc7c5558679a14216f 100644
--- a/pages.json
+++ b/pages.json
@@ -67,6 +67,12 @@
                 "navigationBarTitleText": "slider"
             }
         },
+        {
+            "path": "pages/component/slider-100/slider-100",
+            "style": {
+                "navigationBarTitleText": "slider x 100"
+            }
+        },
         {
             "path": "pages/component/switch/switch",
             "style": {
diff --git a/pages/component/slider-100/slider-100.uvue b/pages/component/slider-100/slider-100.uvue
new file mode 100644
index 0000000000000000000000000000000000000000..8edfb5334860ea822b7732d85c1823ee5b5b1a6f
--- /dev/null
+++ b/pages/component/slider-100/slider-100.uvue
@@ -0,0 +1,48 @@
+<template>
+  <view class="uni-padding-wrap">
+    <page-head :title="title"></page-head>
+    <view class="flex-row">
+      <view class="flex-fill">
+        <view v-for="(_, index1) in 33" :key="index1">
+          <slider @changing="sliderChanging" :value="sliderValue" :block-size="15" :show-value="true" />
+        </view>
+      </view>
+      <view class="flex-fill">
+        <view v-for="(_, index2) in 33" :key="index2">
+          <slider @changing="sliderChanging" :value="sliderValue" :block-size="15" :show-value="true" />
+        </view>
+      </view>
+      <view class="flex-fill">
+        <view v-for="(_, index3) in 33" :key="index3">
+          <slider @changing="sliderChanging" :value="sliderValue" :block-size="15" :show-value="true" />
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script lang="ts">
+  export default {
+    data() {
+      return {
+        title: 'slider 滑块 x 100',
+        sliderValue: 0
+      }
+    },
+    methods: {
+      sliderChanging(e : SliderChangeEvent) {
+        this.sliderValue = e.detail.value
+        console.log('value 发生变化：' + e.detail.value)
+      }
+    }
+  }
+</script>
+
+<style>
+  .flex-row {
+    flex-direction: row;
+  }
+  .flex-fill {
+    flex: 1;
+  }
+</style>
diff --git a/pages/tabBar/component/component.uvue b/pages/tabBar/component/component.uvue
index 23b992a84a6be45e4d213995562322a62a46ebd5..504864e1385519a66bf66a2b4e690dbf1d75d77a 100644
--- a/pages/tabBar/component/component.uvue
+++ b/pages/tabBar/component/component.uvue
@@ -128,6 +128,9 @@
                             name: 'slider',
                             enable: true
                         }, {
+                            name: 'slider-100',
+                            enable: true
+                        },{
                             name: 'switch',
                             enable: true
                         }, {