更新记录
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",
平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
- | - | √ | √ | √ | √ | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | - | - | - | √ | - | - | - |
其他
多语言 | 暗黑模式 | 宽屏模式 |
---|---|---|
× | × | √ |
使用说明
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();