Skip to content

LoadingIcon 加载图标 ​

加载图标用于在数据请求或处理过程中向用户反馈等待状态。组件基于图标字体旋转动画渲染,可通过属性控制尺寸、颜色与动画风格,并支持暂停以适应不同场景。

小程序APPWeb
✓✓✓

实例 ​

以下按属性分别说明 mu-loading-icon 的用法,可按需组合。

html
<template>
  <mu-loading-icon />
</template>

属性 ​

全部属性均可选,未传入时使用默认值;默认值列为 - 表示空字符串。

属性名称说明类型默认值
paused是否暂停加载动画,设为 true 时图标停止旋转booleanfalse
bold是否以更粗的字重渲染图标booleanfalse
iosSpinner是否使用 iOS 风格的旋转指示器样式booleanfalse
size图标尺寸,数字按像素处理,也可传入带单位的字符串string | number28rpx
color图标颜色,可使用主题变量或任意合法颜色stringvar(--mu-text-secondary-color, #999999)
customClass自定义类名,附加在图标根节点上以覆盖默认样式string-
customStyle自定义行内样式,直接作用于图标根节点any-