slider - save

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
-:::
+::: 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>
+
+:::

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>(), {