diff --git a/example/docs/zh-CN/components/slider.md b/example/docs/zh-CN/components/slider.md
index 14d847da..a001d1c8 100644
--- a/example/docs/zh-CN/components/slider.md
+++ b/example/docs/zh-CN/components/slider.md
@@ -1,7 +1,7 @@
 ::: demo
 
 <template>
-  <lay-slider v-model="value1" :disabled="true"></lay-slider>
+  <lay-slider v-model="value1" :disabled="false"></lay-slider>
 </template>
 
 <script>
@@ -44,5 +44,23 @@ export default {
 
 :::
 
-::: comment
-:::
\ No newline at end of file
+::: demo
+
+<tempalte>
+  <lay-slider v-model="value3" :range="true"></lay-slider>
+</template>
+
+<script>
+import { ref } from 'vue'
+
+export default {
+  setup() {
+    const value3 = ref(50)
+    return {
+      value1
+    }
+  }
+}
+</script>
+
+:::
diff --git a/src/module/slider/index.vue b/src/module/slider/index.vue
index c1fc6a8e..a8a69763 100644
--- a/src/module/slider/index.vue
+++ b/src/module/slider/index.vue
@@ -1,6 +1,9 @@
 <template>
   <div class="layui-slider-vertical" v-if="vertical">
+    <div v-if="range">rang div</div>
+
     <div
+      v-else
       ref="verticaltracker"
       @mousedown.stop="handle_mousedown"
       class="layui-slider-vertical-track"
@@ -59,6 +62,7 @@ interface LaySliderProps {
   max?: number;
   step?: number;
   disabled?: boolean;
+  range?: boolean;
 }
 
 const props = withDefaults(defineProps<LaySliderProps>(), {