当前位置: 首页 > 文档资料 > uView 开发文档 >

Loading 加载动画

优质
小牛编辑
135浏览
2023-12-01

Loading 加载动画 平台差异说明
AppH5微信小程序支付宝小程序百度小程序头条小程序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模式选择,见上方说明Stringcircleflower
color动画活动区域的颜色,只对 mode = circle 模式有效String#c7c7c7-
size加载图标的大小,单位rpxString | Number34-
show是否显示动画Booleantruefalse