更新记录
0.0.1(2023-06-06)
一个基于Vue3和TypeScript开发的 loading 加载状态动画,支持花瓣和循环圆点两种动画。
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.7.11 app-vue |
× |
√ |
√ |
× |
× |
√ |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
√ |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
× |
× |
× |
× |
× |
组件库提供更多vue3组件,比单独引入更加强大
fan-loading 动画
代码演示
基础用法
<fan-loading :size="32" type="flower" color="#A1A1A1" />
Props
Name |
Description |
Type |
Required |
Default |
color |
动画颜色 |
String |
false |
#A1A1A1 |
vertical |
是否垂直排列图标和文字内容 |
Boolean |
false |
false |
type |
动画类型 |
LoadingType ,可选值为:circular /flower |
false |
circular |
size |
加载图标大小,默认单位为 px |
String /Number |
false |
60rpx |
textSize |
文字大小,默认单位为为 px |
String /Number |
false |
28rpx |
Slots
Name |
Description |
Default Slot Content |
default |
自定义loading文字 |
- |
联系方式
有不明白或者建议可以扫码交流
联系我们