slider

example/docs/zh-CN/components/slider.md

@@ -1,95 +1,95 @@
-::: title 横向
-:::
-
-::: demo
-
-<template>
-  <lay-slider v-model="value1" :disabled="false"></lay-slider>
-</template>
-
-<script>
-import { ref } from 'vue'
-
-export default {
-  setup() {
-    const value1 = ref(50)
-    return {
-      value1
-    }
-  }
-}
-</script>
-
-:::
-
-::: title 纵向
-:::
-::: demo
-
-<template>
-  <lay-slider v-model="value2" :vertical="true" :disabled="true"></lay-slider>
-</template>
-
-<script>
-import { ref } from 'vue'
-
-export default {
-  setup() {
-
-    const value2 = ref(10)
-
-    return {
-        value2
-    }
-  }
-}
-</script>
-
-:::
-
-::: title 区间
-:::
-
-::: demo
-
-<template>
-  <lay-slider v-model="value3" :range="true"></lay-slider>
-</template>
-
-<script>
-import { ref } from 'vue'
-export default {
-  setup() {
-    const value3 = ref([20,50])
-    return {
-      value3
-    }
-  }
-}
-</script>
-:::
-
-::: title 纵向区间
-:::
-
-::: demo
-
-<template>
-  <lay-slider v-model="value3" :range="true" :vertical="true"></lay-slider>
-</template>
-
-<script>
-import { ref } from 'vue'
-export default {
-  setup() {
-    const value4 = ref([20,50])
-    return {
-      value4
-    }
-  }
-}
-</script>
-:::
-
-::: comment
-:::
+::: title 横向
+:::
+
+::: demo
+
+<template>
+  <lay-slider v-model="value1" :disabled="false"></lay-slider>
+</template>
+
+<script>
+import { ref } from 'vue'
+
+export default {
+  setup() {
+    const value1 = ref(50)
+    return {
+      value1
+    }
+  }
+}
+</script>
+
+:::
+
+::: title 纵向
+:::
+::: demo
+
+<template>
+  <lay-slider v-model="value2" :vertical="true" :disabled="true"></lay-slider>
+</template>
+
+<script>
+import { ref } from 'vue'
+
+export default {
+  setup() {
+
+    const value2 = ref(10)
+
+    return {
+        value2
+    }
+  }
+}
+</script>
+
+:::
+
+::: title 区间
+:::
+
+::: demo
+
+<template>
+  <lay-slider v-model="value3" :range="true"></lay-slider>
+</template>
+
+<script>
+import { ref } from 'vue'
+export default {
+  setup() {
+    const value3 = ref([20,50])
+    return {
+      value3
+    }
+  }
+}
+</script>
+:::
+
+::: title 纵向区间
+:::
+
+::: demo
+
+<template>
+  <lay-slider v-model:verticalrange="value4" :range="true" :vertical="true"></lay-slider>
+</template>
+
+<script>
+import { ref } from 'vue'
+export default {
+  setup() {
+    const value4 = ref([23,56])
+    return {
+      value4
+    }
+  }
+}
+</script>
+:::
+
+::: comment
+:::