(component): 优化表单 disabled 状态

This commit is contained in:
就眠儀式
2022-10-26 15:11:11 +08:00
parent 591b4003b8
commit 53c5fb2670
11 changed files with 28 additions and 41 deletions

View File

@@ -126,37 +126,6 @@ export default {
:::
::: title 不同尺寸
:::
::: demo
<template>
<lay-checkbox name="like" skin="primary" size="lg" v-model="checked3" value="1">写作</lay-checkbox>
<lay-checkbox name="like" skin="primary" size="md" v-model="checked4" value="2">画画</lay-checkbox>
<lay-checkbox name="like" skin="primary" size="sm" v-model="checked5" value="3">运动</lay-checkbox>
<lay-checkbox name="like" skin="primary" size="xs" v-model="checked5" value="4">游泳</lay-checkbox>
</template>
<script>
import { ref } from 'vue'
export default {
setup() {
const checked3 = ref(true);
const checked4 = ref(true);
const checked5 = ref(true);
return {
checked3, checked4, checked5
}
}
}
</script>
:::
::: title 禁用状态
:::

View File

@@ -15,7 +15,7 @@
<template>
<div>
<div style="margin-bottom: 10px">
<lay-switch v-model="loading" onswitch-text="加载" unswitch-text="关闭"></lay-switch>
<lay-switch v-model="loading" onswitch-text="启用" unswitch-text="关闭"></lay-switch>
</div>
<lay-skeleton :rows="4" :loading="loading" animated>
<p style="margin-bottom: 18px">1 layui-vue , 基 于 vue 3.0 的 桌 面 端 组 件 库 , layui 的 另 一 种 呈 现 方 式</p>
@@ -50,7 +50,7 @@ export default {
<template>
<div>
<div style="margin-bottom: 10px">
<lay-switch v-model="loading" onswitch-text="加载" unswitch-text="关闭"></lay-switch>
<lay-switch v-model="loading" onswitch-text="启用" unswitch-text="关闭"></lay-switch>
</div>
<lay-skeleton :loading="loading" animated>
<template #skeleton>