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 |