LoadingIcon 加载图标
加载图标用于在数据请求或处理过程中向用户反馈等待状态。组件基于图标字体旋转动画渲染,可通过属性控制尺寸、颜色与动画风格,并支持暂停以适应不同场景。
| 小程序 | APP | Web |
|---|---|---|
| ✓ | ✓ | ✓ |
实例
以下按属性分别说明 mu-loading-icon 的用法,可按需组合。
html
<template>
<mu-loading-icon />
</template>属性
全部属性均可选,未传入时使用默认值;默认值列为 - 表示空字符串。
| 属性名称 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| paused | 是否暂停加载动画,设为 true 时图标停止旋转 | boolean | false |
| bold | 是否以更粗的字重渲染图标 | boolean | false |
| iosSpinner | 是否使用 iOS 风格的旋转指示器样式 | boolean | false |
| size | 图标尺寸,数字按像素处理,也可传入带单位的字符串 | string | number | 28rpx |
| color | 图标颜色,可使用主题变量或任意合法颜色 | string | var(--mu-text-secondary-color, #999999) |
| customClass | 自定义类名,附加在图标根节点上以覆盖默认样式 | string | - |
| customStyle | 自定义行内样式,直接作用于图标根节点 | any | - |