loading
加载组件。利用系统GPU进行加速渲染,不受主线程繁忙影响。
注意事项:
- iOS、Android 利用渲染线程加速,完全不受主线程繁忙影响;鸿蒙因OS渲染线程开放能力不足,受主线程轻微影响。
- 仅支持以下css style,支持静态和动态设置:
- width:组件的宽度,默认值为 16px
- height:组件的高度,默认值为 16px
- border-color:加载框线条的颜色,默认值为 #000000
- color: 仅 ios-snow = true 时,color的优先级大于border-color; ios-snow = false 时, color无效;
- loading组件默认是旋转的,不使用时应v-if删除或设置paused。请注意勿在隐藏或被遮挡的区域让loading持续旋转。
- 当 ios-snow = true 时,由于采用的是iOS系统的UIActivityIndicatorView对象实现的,根据width、height动态调整大小会模糊,系统雪花非矢量概念,请参考iOS UIActivityIndicatorView 建议的默认大小:large(37 * 37)、medium(20 * 20)
- uni.showLoading API 从HBuilderX 5.0+ ,在非小程序上通过本内置loading组件实现,
兼容性
| Web | 微信小程序 | Android | iOS | HarmonyOS | HarmonyOS(Vapor) |
| 5.0 | x | 5.0 | 5.0 | 5.0 | 5.0 |
属性
| 名称 | 类型 | 默认值 | 兼容性 | 描述 |
| paused | boolean | false | |
Web
|
微信小程序
|
Android
|
iOS
|
HarmonyOS
|
HarmonyOS(Vapor)
| | 5.0 | x | 5.0 | 5.0 | 5.0 | 5.0 |
| 是否暂停动画 |
| bold | boolean | false | |
Web
|
微信小程序
|
Android
|
iOS
|
HarmonyOS
|
HarmonyOS(Vapor)
| | 5.0 | x | 5.0 | 5.0 | 5.0 | 5.0 |
| 是否加粗线条 |
参见