主题
loadAni 加载动画
展示不同样式的加载动画,可固定在屏幕中央。
支持平台
以下为官网文档所列的平台支持情况,具体功能及版本限制请参见本页的平台说明。
| App-vue | App-nvue | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 | H5 | PC | 快手小程序 | 钉钉小程序 |
|---|---|---|---|---|---|---|---|---|---|---|
| ✓ | ✓(V2.0.0+) | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ |
基础用法
vue
<!-- 显示加载动画 -->
<fui-load-ani :type="1" />属性
| 属性 | 类型 | 说明 | 官网默认值 |
|---|---|---|---|
| type | Number / String | 动画类型,取值 1–5 | 1 |
| color | String | 动画颜色 | - |
| isFixed | Boolean | 是否固定在屏幕中央 | false |
| maskColor | String | 固定显示时的遮罩背景色 | transparent |
平台说明
本地源码中 nvue 的 color 默认值为 #465CFF,其他平台为空并使用样式默认颜色。组件未声明事件和插槽。
事件
| 事件 | 说明 | 回调参数 |
|---|---|---|
| — | 无自定义事件 | — |
插槽
| 插槽 | 说明 |
|---|---|
| — | 官网未列出该组件的插槽 |