ui-load 加载状态组

版本：v2.3.11

加载状态组件用于显示列表加载中的状态，支持自定义加载文本和样式

基本使用

<template>
  <div class="load-demo">
    <ui-load />
  </div>
</template>

<style scoped>
.load-demo {
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 200px;
}
</style>

Props

参数	类型	默认值	说明
loading	Boolean	true	是否显示加载状
finished	Boolean	false	是否加载完成
error	Boolean	false	是否加载失败
text	String	'加载..'	加载中文
finishedText	String	'加载完成'	加载完成文本
errorText	String	'加载失败，点击重	加载失败文本
spinnerSize	Number	24	加载图标大小，单位：px

Events

事件	说明	回调参数
retry	加载失败时点击重试按钮触	-

在线演示

扫码或点击链接在手机上查看完整演示

https://shadow-ui3-demo.nooko.cn/#/pages/functional/load/load