kui-vue
Version:
A lightweight desktop UI component library suitable for Vue.js 2.
29 lines (27 loc) • 542 B
Markdown
<cn>
### 反向
设置 `reverse` 可以将滑动条置反。
</cn>
```vue
<template>
<Space style="max-width:520px;" vertical block>
<code>
Reversed:
<KSwitch v-model="reverse" size="small" />
</code>
<Slider v-model="v1" :reverse="reverse" />
<Slider
v-model="v2"
range
:reverse="reverse"
:marks="{ 40: '40°C', 50: '50°C' }"
/>
</Space>
</template>
<script setup>
import { ref } from "vue";
const v1 = ref(30);
const v2 = ref([35, 60]);
const reverse = ref(true);
</script>
```