perf(icon): 新增 prefix 前缀, 支持自定义图标

This commit is contained in:
就眠仪式
2021-10-12 23:52:46 +08:00
parent 0a9f0352ec
commit a5e84081b8
8 changed files with 1506 additions and 3720 deletions

View File

@@ -51,7 +51,30 @@ export default {
:::
::: demo
<template>
<lay-form>
<lay-checkbox name="like" skin="primary" label="1" :disabled="disabled">禁用</lay-checkbox>
</lay-form>
</template>
<script>
import { ref } from 'vue'
export default {
setup() {
const disabled = ref(false)
return {
disabled
}
}
}
</script>
:::
::: demo
@@ -82,14 +105,14 @@ export default {
<lay-field title="Checkbox attributes" style="margin-top:40px"/>
| | | | |
| -------- | ---- | ----------------------- | --- |
| name | 尺寸 | 超小屏幕 (手机<768px) | 12 |
| skin | 尺寸 | 超小屏幕 (手机<768px) | 12 |
| label | 尺寸 | 超小屏幕 (手机<768px) | 12 |
| | | |
| -------- | ---- | ----------------------- |
| name | 原始属性 name | -- |
| skin | 主题 | -- |
| label | 选中值 | -- |
<lay-field title="Checkbox events" style="margin-top:40px"/>
| | | | |
| -------- | ---- | ----------------------- | --- |
| change | 切换事件 | 超小屏幕 (手机<768px) | 12 |
| | | |
| -------- | ---- | ----------------------- |
| change | 切换事件 | -- |

View File

@@ -14,7 +14,7 @@ import { ref } from 'vue'
export default {
setup() {
const openKeys = ref(["1","2"])
const openKeys = ref(["1","2","3"])
return {
openKeys

View File

@@ -1052,3 +1052,4 @@ export default {
| | | |
| ---- | ---- | ----------------- |
| type | 图标 | `layui-icon-home` |
| prefix | 前缀 | `layui-icon` |