(component): switch组件新增 尺寸选项

This commit is contained in:
0o张不歪o0
2022-07-19 10:25:46 +08:00
parent 80a793d151
commit b21410440a
3 changed files with 90 additions and 10 deletions

View File

@@ -172,6 +172,37 @@ export default {
:::
::: title 尺寸
:::
::: demo
<template>
<div style='display:flex;align-items: flex-end;'>
<lay-switch v-model="active7" size='lg'></lay-switch>
<lay-switch v-model="active7" size='md' style='margin-left:10px'></lay-switch>
<lay-switch v-model="active7" size='sm' style='margin-left:10px'></lay-switch>
<lay-switch v-model="active7" size='xs' style='margin-left:10px'></lay-switch>
</div>
</template>
<script>
import { ref } from 'vue'
export default {
setup() {
const active7 = ref(true)
return {
active7
}
}
}
</script>
:::
::: title Switch 属性
:::
@@ -186,6 +217,7 @@ export default {
| unswitch-text | 禁用描述 | `禁用` |
| onswitch-value | 启用值 | `true` |
| unswitch-value | 禁用值 | `false` |
| size | 尺寸 | `lg` `md` `sm` `xs` |
:::