|
|
||
|---|---|---|
| .. | ||
| demo | ||
| test | ||
| README.en-US.md | ||
| README.md | ||
| carousel-circle.vue | ||
| carousel.vue | ||
| component.js | ||
| index.vue | ||
| roller-success.vue | ||
| roller.vue | ||
| spinner.vue | ||
README.en-US.md
| title | preview |
|---|---|
| ActivityIndicator | https://didi.github.io/mand-mobile/examples/#/activity-indicator |
Activity indicator, generally used for ongoing tasks
Import
import { ActivityIndicator } from 'mand-mobile'
Vue.component(ActivityIndicator.name, ActivityIndicator)
Code Examples
API
ActivityIndicator Props
| Props | Description | Type | Default | Note |
|---|---|---|---|---|
| type | - | String | roller |
roller, spinner, carousel |
| size | icon size | Number | 70px |
unit px, or reset .md-activity-indicator-svg style directly |
| width | icon width | Number | - | unit px, only for roller |
| color | icon color | String | #fc9153/dark |
spinner cannot customize color value, the optional values are dark and light |
| text-color | text color | String | #999 |
or reset .md-activity-indicator-text style directly |
| text-size | text font size | String | 70px |
or reset .md-activity-indicator-text style directly |
| vertical | icon and text are arranged vertically | Boolean | false |
- |