m-loading 加载中

简述

加载中动画，三点跳动效果。

注意

请以 uni_modules/m-unix 与本文为准；各端差异以 uni-app 与各平台官方文档为准。涉及隐私能力（相册、定位、剪贴板、手机号等）需在 manifest 与后台完成配置。

平台差异说明

App（vue）	App（nvue）	H5	小程序
√	√	√	√

演示地址

与线上 H5 演示基座 分包一致（文档站右下角预览 iframe 亦指向同一路径）。

类型	地址
分包路径	pages_demo/loading/loading
线上 H5（hash）	打开演示

基本使用

<template>
	<view>
		<m-loading text="加载中..."></m-loading>
	</view>
</template>

Props

参数	说明	类型	默认值
text	提示文字	string	加载中...
color	颜色	string	#c0c4cc
full	是否全屏	boolean	false
anim	是否开启动画	boolean	true
size	圆点尺寸（如 40rpx、12px；纯数字默认 rpx）	string	''（默认 16rpx 圆点）

示例

基础用法

<m-loading></m-loading>

全屏加载

<m-loading full text="加载中..."></m-loading>

自定义颜色

<m-loading text="加载中" color="#ff0844"></m-loading>