🌸 优化 progress 组件结构
This commit is contained in:
@@ -41,9 +41,20 @@ export default {
|
||||
|
||||
::: table
|
||||
|
||||
| | | |
|
||||
| 属性 | 描述 | 可选值 |
|
||||
| ----- | ---- | --------------------------------------------- |
|
||||
| type | 类型 | `dot` `rim` |
|
||||
| theme | 主题 | `orange` `green` `cyan` `blue` `black` `gray` |
|
||||
|
||||
:::
|
||||
|
||||
::: title 徽章插槽
|
||||
:::
|
||||
|
||||
::: table
|
||||
|
||||
| 插槽 | 描述 | 备注 |
|
||||
| ----- | ---- | --------------------------------------------- |
|
||||
| default | 默认 | 非 `dot` 可用 |
|
||||
|
||||
:::
|
||||
|
||||
@@ -123,6 +123,7 @@ export default {
|
||||
|
||||
| 插槽 | 描述 | 可选值 |
|
||||
| ------ | -------- | ------ |
|
||||
| default| 默认插槽 | -- |
|
||||
| header | 头部插槽 | -- |
|
||||
| body | 内容插槽 | -- |
|
||||
|
||||
|
||||
@@ -78,13 +78,16 @@ export default {
|
||||
|
||||
<br>
|
||||
|
||||
::: describe 在 0.2.4 版本后, 我们支持使用组件化调用的方式使用图标, 但你需要安装 `@layui/icons-vue` 库。
|
||||
::: describe 在 0.2.4 版本后, 图标支持组件化的调用方式, 首先你需要安装 `@layui/icons-vue` 依赖。
|
||||
:::
|
||||
|
||||
```
|
||||
npm install @layui/icons-vue
|
||||
```
|
||||
|
||||
::: describe 接下来, 你可以像之前使用组件一样去创建图标。
|
||||
:::
|
||||
|
||||
```vue
|
||||
<template>
|
||||
<!-- 组件图标 -->
|
||||
|
||||
@@ -44,7 +44,7 @@ export default {
|
||||
::: title 手动关闭
|
||||
:::
|
||||
|
||||
::: demo
|
||||
::: demo 使用 layer.msg 创建弹出层, time 属性用于配置显示时长
|
||||
|
||||
<template>
|
||||
<lay-button-container>
|
||||
|
||||
Reference in New Issue
Block a user