ActivityIndicator 活动指示器
该组件提供一个加载等待元素,也就是 Loading 组件
使用指南
在 Taro 文件中引入组件
js
import { AtActivityIndicator } from 'taro-ui'组件依赖的样式文件(仅按需引用时需要)
scss
@import '~taro-ui/dist/style/components/activity-indicator.scss';
@import '~taro-ui/dist/style/components/loading.scss';一般用法
html
<AtActivityIndicator></AtActivityIndicator>自定义尺寸
html
<AtActivityIndicator size="{32}"></AtActivityIndicator>自定义颜色
html
<AtActivityIndicator color="#13CE66"></AtActivityIndicator>自定义需要展示的文字
html
<AtActivityIndicator content="加载中..."></AtActivityIndicator>状态切换
html
<AtActivityIndicator isOpened="{true}"></AtActivityIndicator>垂直水平居中(当设置 center 时需要给父容器提供 position: relative 属性)
html
<AtActivityIndicator mode="center"></AtActivityIndicator>AtActivityIndicator 参数
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| mode | 元素的类型 | String | center,normal | normal |
| size | loading 图的大小 | Number | - | 24 |
| color | loading 图的颜色 | String | - | #6190E8 |
| content | 元素的内容文本 | String | - | - |
| isOpened | 控制元素显示隐藏 | Boolean | - | true |
