01. GraceUI 全屏 Loading 组件可以遮住页面,并在居中位置展示 Loading 动画,您可以在各类加载场景使用它。
02. gui-page 页面组件内置了此组件,可以利用 page 组件的 isLoading 属性控制动画展示|关闭。
03. nvue 端使用 BindingX 实现 Loading 动画。
gui-page-loading : /graceUI/组件目录/gui-page-loading
H5 | APP | 小程序 | NVUE |
✔ | ✔ | ✔ | ✔ |
01. open() 打开 Loading 动画 02. close() 关闭 Loading 动画
您可以通过修改皮肤样式来修改 gui-page-loading 组件的遮罩背景及动画圆点样式 :
/* 全屏 Loading 背景颜色 */
.gui-page-loading-bg{background-color:rgba(255,255,255,0.88);}
/* 圆点颜色 */.gui-page-loading-color{background-color:#2B2E3D;}