# Loading 加载动画

此组件为一个小动画,目前用在uView的loadmore加载更多switch开关等组件的正在加载状态场景。

# 平台差异说明

App H5 微信小程序 支付宝小程序 百度小程序 头条小程序 QQ小程序

# 基本使用

通过mode设定动画的类型,circle为圆圈的形状,flower为经典类似花朵的形状

<template>
	<view>
		<u-loading mode="circle"></u-loading>
		<u-loading mode="flower"></u-loading>
	</view>
</template>

# 动画颜色

color可以指定动画活动区域的颜色

<u-loading color="red"></u-loading>

# 动画尺寸

通过size设定尺寸,单位rpx,组件内把size值体现为组件的宽和高

<u-loading size="36"></u-loading>

# 显示或隐藏动画

通过show设置为truefalse,来显示或隐藏动画

<u-loading :show="true"></u-loading>

/* 等价于 */
<u-loading show></u-loading>

# API

# Props

参数 说明 类型 默认值 可选值
mode 模式选择,见上方说明 String circle flower
color 动画活动区域的颜色,只对 mode = circle 模式有效 String #c7c7c7 -
size 加载图标的大小,单位rpx String | Number 34 -
show 是否显示动画 Boolean true false
本站由 提供CDN及云存储服务