更新记录
1.0(2021-07-28)
下载此版本
1、2021/7/28,第一版
2、去看sirw的loading组建使用说明,https://ext.dcloud.net.cn/plugin?id=2628,nvue目前只兼容flower,ring,fadeBall这三种loading(不喜欢钢琴loading,不想搞)
3、请使用uni-app的nvue模式,manifest.json中添加"nvueCompiler" : "uni-app",
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.1.22 app-vue app-nvue |
× |
√ |
√ |
√ |
√ |
√ |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
使用说明
xdm,都去参考sirw大神的loading框插件,我只是在他的基础上适配了nvue,躺平了,不想写说明。
不需要nvue的直接用他的就行了,sirw大神的其他插件写的也很好,有空我会把他的tab插件(兼容nvue)发上来,使用说明写的很详细,https://ext.dcloud.net.cn/plugin?id=2628
注意事项
- nvue开发模式为uni-app,"nvueCompiler" : "uni-app"
- nvue只有三种loading样式,flower,ring,fadeBall
- 新增timing参数,用于nvue中动画的duration
- 新增circleColor参数,用于ring动画的背景颜色,因为安卓下用rgba会有重影
例子
<yxp-loading ref="loading" bgColorS="rgba(255,255,255,.85)" circleColor="#dddddd" ftColor="#494949" loadingType="ring" timing="1000"></yxp-loading>
this.$refs.loading.showLoading();
this.$refs.loading.hideLoading();