该组件提供一个加载等待元素,也就是 Loading 组件
在 Taro 文件中引入组件
import { AtActivityIndicator } from 'taro-ui-vue3'
组件依赖的样式文件(仅按需引用时需要)
@import "taro-ui-vue3/dist/style/components/activity-indicator.scss";
<template>
<AtActivityIndicator></AtActivityIndicator>
</template>
<template>
<AtActivityIndicator :size="32"></AtActivityIndicator>
</template>
<template>
<AtActivityIndicator color='#13CE66'></AtActivityIndicator>
</template>
<template>
<AtActivityIndicator content='加载中...'></AtActivityIndicator>
</template>
<template>
<AtActivityIndicator :isOpened="true"></AtActivityIndicator>
</template>
<template>
<AtActivityIndicator mode='center'></AtActivityIndicator>
</template>
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
mode | 元素的类型 | String | center ,normal | normal |
size | loading 图的大小 | Number | - | 24 |
color | loading 图的颜色 | String | - | #6190E8 |
content | 元素的内容文本 | String | - | - |
isOpened | 控制元素显示隐藏 | Boolean | - | true |