主题
Loading 加载
显示加载图标和提示文字，可选择居中或行内排列。
支持平台
以下为官网文档所列的平台支持情况，具体功能及版本限制请参见本页的平台说明。
| App-vue | App-nvue | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 | H5 | PC | 快手小程序 | 钉钉小程序 |
|---|---|---|---|---|---|---|---|---|---|---|
| ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ |
基础用法
vue
<!-- 加载状态 -->
<fui-loading text="正在加载"></fui-loading>加载完成或失败后，应由页面通过条件渲染移除组件。
属性
| 属性 | 类型 | 说明 | 官网默认值 |
|---|---|---|---|
| type | String | 布局方式：col 或 row | col |
| text | String | 提示文字 | 加载中 |
| colColor | String | col 布局的文字颜色 | #FFFFFF |
| rowColor | String | row 布局的文字颜色 | #7F7F7F |
| size | Number、String | 字号，单位 rpx | 26 |
| backgroundColor | String | col 布局的背景色 | rgba(0, 0, 0, 0.6) |
| srcCol | String | col 布局图标地址 | 内置 Base64 图片 |
| srcRow | String | row 布局图标地址 | 内置 Base64 图片 |
| isFixed | Boolean | 是否固定在屏幕中央 | true |
| isMask | Boolean | 固定模式下是否使用遮罩 | false |
| maskBgColor | String | 固定模式下遮罩背景色 | transparent |
事件
| 事件 | 说明 | 回调参数 |
|---|---|---|
| — | 无自定义事件 | — |
平台说明
官网说明 isMask 主要用于非 nvue 平台；nvue 固定模式默认包含遮罩。展示状态应由业务页面控制。
插槽
| 插槽 | 说明 |
|---|---|
| — | 官网未列出该组件的插槽 |