ActivityIndicator 加载中圆圈

介绍

用于展示加载中的圆圈组件，适用于页面加载、数据请求等场景。

导入

import ActivityIndicator from '@/components/basic/ActivityIndicator.vue'

用法

基础用法

<template>
  <ActivityIndicator size="40" />
</template>

自定义大小

<template>
  <view class="demo-flex">
    <ActivityIndicator :size="20" />
    <ActivityIndicator :size="40" />
    <ActivityIndicator :size="60" />
    <ActivityIndicator :size="100" />
  </view>
</template>

自定义颜色

<template>
  <view class="demo-flex">
    <ActivityIndicator color="primary" />
    <ActivityIndicator color="danger" />
  </view>
</template>

API 参考

ActivityIndicator

加载中圆圈组件。

Props

名称	说明	类型	必填	默认值
color	加载中圆圈颜色	string	否	primary
size	加载中圆圈大小	string | number	否	60
strokeWidth	加载中圆圈宽度	number	否	-
innerStyle	自定义样式	ViewStyle	否	-

主题变量

名称	类型	默认值	说明
ActivityIndicatorColor	string	primary	加载中圆圈默认颜色
ActivityIndicatorSize	number	60	加载中圆圈默认大小