2018-06-30 14:52:34 +08:00
|
|
|
---
|
|
|
|
|
title: ActivityIndicator 活动指示器
|
2019-01-29 16:31:24 +08:00
|
|
|
preview: https://didi.github.io/mand-mobile/examples/#/activity-indicator
|
2018-06-30 14:52:34 +08:00
|
|
|
---
|
|
|
|
|
|
2018-12-10 15:41:29 +08:00
|
|
|
活动指示器，一般用于正在进行中的任务示意
|
2018-06-30 14:52:34 +08:00
|
|
|
|
|
|
|
|
### 引入
|
|
|
|
|
|
|
|
|
|
```javascript
|
|
|
|
|
import { ActivityIndicator } from 'mand-mobile'
|
|
|
|
|
|
|
|
|
|
Vue.component(ActivityIndicator.name, ActivityIndicator)
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
### 代码演示
|
|
|
|
|
<!-- DEMO -->
|
|
|
|
|
|
|
|
|
|
### API
|
|
|
|
|
|
|
|
|
|
#### ActivityIndicator Props
|
|
|
|
|
|属性 | 说明 | 类型 | 默认值 | 备注 |
|
|
|
|
|
|----|-----|------|------|------|
|
|
|
|
|
|type|类型|String|`roller`|`roller`, `spinner`, `carousel`|
|
2018-12-10 15:41:29 +08:00
|
|
|
|size|图标大小|Number|`70`|单位`px`, 也可直接重置`.md-activity-indicator-svg`样式|
|
2018-09-29 15:31:05 +08:00
|
|
|
|width|图标宽度|Number|-|单位`px`, 仅用于类型`roller`|
|
2018-06-30 14:52:34 +08:00
|
|
|
|color|图标颜色|String|`#fc9153/dark`|`spinner`无法自定义色值，可选值只有`dark`和`light`|
|
|
|
|
|
|text-color|文字颜色|String|`#999`|也可直接重置`.md-activity-indicator-text`样式|
|
|
|
|
|
|text-size|文字大小|String|`70px`|也可直接重置`.md-activity-indicator-text`样式|
|
|
|
|
|
|vertical|图标文字是否垂直排列|Boolean|`false`|-|
|
