KeCheng

2.4 KiB

Raw Permalink Blame History Unescape Escape

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

title	description	spline	isComponent
Loading 加载	用于表示页面或操作的加载状态，给予用户反馈的同时减缓等待的焦虑感，由一个或一组反馈动效组成。	message	true

引入

全局引入，在 miniprogram 根目录下的app.json中配置，局部引入，在需要引入的页面或组件的index.json中配置。

"usingComponents": {
  "t-loading": "tdesign-miniprogram/loading/loading"
}

代码演示

纯icon

icon加文字横向

icon加文字竖向

纯文字

加载失败

状态

加载速度

规格

API

Loading Props

名称	类型	默认值	说明	必传
delay	Number	0	延迟显示加载效果的时间，用于防止请求速度过快引起的加载闪烁，单位：毫秒	N
duration	Number	800	加载动画执行完成一次的时间，单位：毫秒	N
external-classes	Array	-	组件类名，分别用于设置加载组件外层元素，加载组件文本，加载组件指示符，加载指示符内侧同心圆等元素类名。`['t-class', 't-class-text', 't-class-indicator']`	N
indicator	Boolean	true	是否显示加载指示符	N
inherit-color	Boolean	false	是否继承父元素颜色	N
layout	String	horizontal	对齐方式。可选项：horizontal/vertical	N
loading	Boolean	true	是否处于加载状态	N
pause	Boolean	false	是否暂停动画	N
progress	Number	-	加载进度	N
reverse	Boolean	-	加载动画是否反向	N
size	String	'40rpx'	尺寸，示例：40rpx/20px	N
text	String / Slot	-	加载提示文案	N
theme	String	circular	加载组件类型。可选项：circular/spinner/bar/error/dots	N

2.4 KiB Raw Permalink Blame History Unescape Escape

引入