加载 Loading

加载组件。

重要提示

重要提示

需在 App.vue 中引入 pure-styles 样式，@import '@/uni_modules/pure-styles/index.css';

兼容性

• 兼容：✅
• 不兼容：❌
• 未知：❔

H5	安卓	苹果	微信	支付宝	百度	抖音	QQ	快手	飞书	京东
✅	✅	✅	✅	✅	✅	✅	✅	✅	✅	✅

小红书	鸿蒙	360	华为快应用	快应用联盟
✅	❔	❔	❔	❔

插件市场地址

DCloud 插件市场地址

基础使用

<template>
    <pure-loading></pure-loading>
</template>

提示文本

• 通过 text 设置提示文本。

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

自定义图标

• 通过 icon 属性设置自定义图标。

<template>
    <pure-loading icon="__shuaxin"></pure-loading>
</template>

纵向布局

• 添加辅助类名 pure-loading-column 使用。

提示

辅助类使用规则

<template>
    <pure-loading text="努力加载中" class="pure-loading-column"></pure-loading>
</template>

Props

属性名	说明	类型	默认值	可选值	版本
icon	图标名称，同图标组件（Icon）的 name 属性，参考	String	"__loading"	-	+1.0.0
text	提示文本	String	""	-	+1.0.0

辅助类

类名	说明	版本
pure-loading-column	纵向布局	+1.0.0