Loading 加载动画

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

平台差异说明

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

基本使用

通过mode设定动画的类型，circle为圆圈的形状，flower为经典类似花朵的形状, theme为关怀模式，type为颜色类型

<template>
	<view>
		<u-loading :type="type" :theme="theme" :mode="mode" :show="show" :size="size"></u-loading>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				theme: 'normal',
				type: 'default',
				mode: 'circle',
				size: '34', 
				show: true
			}
		}
	}
</script>

动画颜色

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

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

动画尺寸

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

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

显示或隐藏动画

通过show设置为true或false，来显示或隐藏动画

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

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

API

Props

参数	说明	类型	默认值	可选值
theme FPI	主题模式，普通模式normal，关怀模式care	String	normal	care
mode	模式选择，见上方说明	String	circle	flower
color	动画活动区域的颜色，只对 mode = circle 模式有效,优先级高于type，设置后type失效	String	#c7c7c7	-
type FPI	动画活动区域的颜色，只对 mode = circle 模式有效	String	default	default/primary/error/warning/success
size	加载图标的大小，单位rpx	String | Number	34	-
show	是否显示动画	Boolean	true	false