# ui-loading 加载动画组件

版本:v2.3.11

加载动画组件用于显示加载中的动画效果,支持自定义类型、大小和颜色

# 基本使用

<template>
  <div class="loading-demo">
    <ui-loading />
    <ui-loading type="spinner" size="large" color="#1989fa" />
  </div>
</template>

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

# Props

参数 类型 默认值 说明
type String 'circular' 加载动画类型,可选值:circularspinnerdots
size String/Number 'medium' 加载动画大小,可选值:smallmediumlarge 或数
color String '#333' 加载动画颜色
vertical Boolean false 是否垂直排列动画和文
text String - 加载文本

# Slots

名称 说明
default 自定义加载文

在线演示

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

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