feat: add switch onswitch-icon and unswitch-icon slot

This commit is contained in:
就眠儀式
2022-03-24 04:23:24 +08:00
parent 5df0a0dea6
commit ce356012ce
9 changed files with 50 additions and 27 deletions

View File

@@ -117,6 +117,35 @@ export default {
:::
::: title 图标插槽
:::
::: demo
<template>
<lay-switch v-model="active5">
<template #onswitch-icon>😄</template>
<template #unswitch-icon>🤔</template>
</lay-switch>
</template>
<script>
import { ref } from 'vue'
export default {
setup() {
const active5 = ref(true)
return {
active5
}
}
}
</script>
:::
::: title Switch 属性
:::

View File

@@ -170,6 +170,7 @@ export default {
| dataSource | 数据来源 | -- |
| title | 标题 | -- |
| id | 主键 | -- |
| showSearch | 开启搜索 | -- |
:::

View File

@@ -16,11 +16,13 @@
<li>
<h3>0.4.1 <span class="layui-badge-rim">2022-03-17</span></h3>
<ul>
<li>[新增] input 组件 prefix 插槽, 提供前缀设置。</li>
<li>[新增] input 组件 suffix 插槽, 提供后缀设置。</li>
<li>[新增] input 组件 allow-clear 属性, 提供输入清空。</li>
<li>[新增] switch 组件 onswitch-icon 插槽。</li>
<li>[新增] switch 组件 unswitch-icon 插槽。</li>
<li>[新增] transition 组件 type 属性, 默认为 collapse 过渡。</li>
<li>[新增] transition 组件 type 属性 fade 值, 提供淡出淡入效果。</li>
<li>[新增] input 组件 allow-clear 属性, 提供输入清空。</li>
<li>[新增] input 组件 prefix 插槽, 提供前缀设置。</li>
<li>[新增] input 组件 suffix 插槽, 提供后缀设置。</li>
</ul>
</li>
</ul>