返回介绍

开发指南

组件

JS

模板

Loading 加载动画

发布于 2021-04-03 05:35:23 字数 1721 浏览 975 评论 0 收藏 0

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文