加载图标 / 加载框

cl-loading 加载数据时显示动效

平台差异

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

Loading Props

参数	说明	类型	可选值	默认值
color	图标颜色	string		#409EFF
size	图标尺寸	number		25
theme	主题	string	default / spin	25

示例

<cl-loading></cl-loading>

<cl-loading theme="spin"></cl-loading>

Loading-mask Props

参数	说明	类型	可选值	默认值
text	提示文字	string
loading	是否加载中	boolean		false
fullscreen	是否全屏	boolean		false
color	字体颜色	string		#409EFF
background	背景颜色	string		rgba(255,255,255,0.7)

区域加载示例

在容器中加载数据时显示

<cl-loading-mask :loading="true" text="拼命加载中">
	<input placeholder="请填写名称" />
	<input placeholder="请填写手机号" />
</cl-loading-mask>