Question

Loading 加载动画 平台差异说明

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设置为true或false，来显示或隐藏动画

<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