adminPage-vue3依赖LoadingWrap说明文档，表单页快速开发，使用思路及范例-汇总
adminPage-vue3依赖LoadingWrap说明文档
- 引入
- 思路介绍
- LoadingWrap API汇总
- 属性
- 插槽
- 事件
引入
import { LoadingWrap} from 'adminpage-vue3'
思路介绍
本组件对于loading进行伪步进展示，方便长时间等待时页面展示进度条，避免用户误认页面卡死，优化用户感受，同时兼容无数据的展示
| 场景 | 进度1% | 进度99% | 无数据 |
|---|---|---|---|
| 图片 |  |  |  |
LoadingWrap API汇总
属性
| 属性名 | 说明 | 类型 | 默认值 | 版本号 |
|---|---|---|---|---|
| isLoading | [必填]是否loading状态 | Boolean | - | 1.4.0 |
| isHaveData | 是否有数据，为false时默认显示无数据占用图 | Boolean | false | 1.4.0 |
| background | 背景色 | String | - | 1.4.0 |
| time | 步进时长（毫秒），设置后将按此间隔进行步进递增1%。 | Number | 300 | 1.4.0 |
| height | 模块高度 | String | 60vh | 1.4.0 |
插槽
| 插槽名 | 说明 | 版本号 |
|---|---|---|
| default | 默认插槽，当isLoading为false，动画加载完成，且isHaveData为true时显示的内容 | 1.4.0 |
事件
| 插槽名 | 说明 | 版本号 |
|---|---|---|
| loadingOver | loading完成时触发 | 1.4.0 |