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

::: anchor :::

::: title 横向 :::

::: demo

<script> import { ref } from 'vue' export default { setup() { const value1 = ref(50) return { value1 } } } </script>

:::

::: title 纵向 ::: ::: demo

<script> import { ref } from 'vue' export default { setup() { const value2 = ref(10) return { value2 } } } </script>

:::

::: title 区间 :::

::: demo

<script> import { ref } from 'vue' export default { setup() { const value3 = ref([20,50]) return { value3 } } } </script>

:::

::: title 纵向区间 :::

::: demo

<script> import { ref } from 'vue' export default { setup() { const value4 = ref([20,50]) return { value4 } } } </script>

:::

::: comment :::