# 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' | 加载动画类型,可选值:circular、spinner、dots |
size | String/Number | 'medium' | 加载动画大小,可选值:small、medium、large 或数 |
color | String | '#333' | 加载动画颜色 |
vertical | Boolean | false | 是否垂直排列动画和文 |
text | String | - | 加载文本 |
# Slots
| 名称 | 说明 |
|---|---|
default | 自定义加载文 |