ActivityIndicator 活动指示器
活动指示器,一般用于正在进行中的任务示意
引入
import { ActivityIndicator } from 'mand-mobile-next'
Vue.createApp().component(ActivityIndicator.name, ActivityIndicator)
代码演示
API
ActivityIndicator Props
| 属性 | 说明 | 类型 | 默认值 | 备注 |
|---|---|---|---|---|
| type | 类型 | String | roller | roller, spinner, ring, carousel |
| size | 图标大小 | Number | 70 | 单位px, 也可直接重置.md-activity-indicator_svg样式 |
| color | 图标颜色 | String | #fc9153/dark | spinner和ring无法自定义色值,可选值只有dark和light |
| text-color | 文字颜色 | String | #999 | 也可直接重置.md-activity-indicator-text样式 |
| text-size | 文字大小 | String | 70px | 也可直接重置.md-activity-indicator-text样式 |
| vertical | 图标文字是否垂直排列 | Boolean | false | |
| width | 圆环宽度 | Number | 单位px, 仅用于类型roller |
Mand Mobile