更新记录
1.0.0(2020-12-01)
下载此版本
1.0.0(2020-12-01)
正式发布
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 2.9.0 app-nvue |
× |
× |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
× |
× |
× |
× |
× |
× |
× |
× |
× |
说明
本组件通常用于页面内容数据,需要等待加载时,显示的loading动画,在需要使用的页面内引入使用v-if控制显示隐藏即可。
本组件参考了该组件思路:https://ext.dcloud.net.cn/plugin?id=3497 感谢该作者!!!
也希望能给一些有需要的朋友们一些思路!!!
用法示例
<!-- 下面照常写你的页面布局 -->
import myLoading from '@/components/my-loading/my-loading.nvue'
export default {
components: {
myLoading
},
data() {
return {
show: true
}
},
onLoad() {
setTimeout(() => {
this.show = false
}, 1000)
}
}
组件参数
属性名 |
类型 |
默认值 |
说明 |
mt |
String、Number |
40 |
距离顶部高度(单位:rpx) |
color |
String |
#0081FF |
小球颜色 |