tm-loadding 加载状态

🎉目录导航

• 👉使用方法,跟数1,2,3一样简单
• 👉props属性表
• 👉事件
• 👉更新日志

👉使用方法,跟数1,2,3一样简单

---

基本示例

<tm-loadding></tm-loadding>

加载成功

<tm-loadding :success="true"></tm-loadding>

加载失败

<tm-loadding :fail="true"></tm-loadding>

自定义值 1.1.9

<tm-loadding success icon="icon-times-circle-fill" label="没有更多啦" color="blue"></tm-loadding>

小技巧

pros属性中优先级顺序为
fail > success > load

因此三个属性可以一起放，就设置那个为true即可，方便加载文档
比如下面的代码，只会显示加载成功了，不会显示加载中.

<!-- 只显示 加载失败 不显示加载中 -->
<tm-loadding :load="true" :fail="true"></tm-loadding>

👉props属性表

三个参数同时被设置时，优先级顺序：fail > success > load

属性名称	类型	可选值	默认值	说明
load	Boolean	true/false	true	显示加载中
fail	Boolean	true/false	false	显示加载失败
success	Boolean	true/false	false	显示加载成功
label1.1.9	String	-	''	自定义文本
icon1.1.9	String	-	''	自定义图标
color1.1.9	String	-	''	自定义主题

👉事件

事件名称	返回参数	返参类型	说明
@click	-	-	点击加载区域时触发

👉更新日志

2021年8月20日14:8:5 初始版本。

tmzdy 于 2022/12/7 编辑 报错？ | 评论？