ActivityIndicator 活动指示器


该组件提供一个加载等待元素,也就是 Loading 组件

使用指南

在 Taro 文件中引入组件

  1. import { AtActivityIndicator } from 'taro-ui'

组件依赖的样式文件(仅按需引用时需要)

  1. @import "~taro-ui/dist/style/components/activity-indicator.scss";
    @import '~taro-ui/dist/style/components/loading.scss';

一般用法

  1. <AtActivityIndicator></AtActivityIndicator>

自定义尺寸

  1. <AtActivityIndicator size={32}></AtActivityIndicator>

自定义颜色

  1. <AtActivityIndicator color='#13CE66'></AtActivityIndicator>

自定义需要展示的文字

  1. <AtActivityIndicator content='加载中...'></AtActivityIndicator>

垂直水平居中(当设置 center 时需要给父容器提供 position: relative 属性)

  1. <AtActivityIndicator mode='center'></AtActivityIndicator>

AtActivityIndicator 参数

参数说明类型可选值默认值
mode元素的类型Stringcenter,normal-
sizeloading 图的大小Number-24
colorloading 图的样色String-#6190E8
content元素的内容文本String--

ActivityIndicator活动指示器 - 图1