更新记录

1.0.0（2024-11-28）

无

平台兼容性

ldy-loading 加载组件

简介

ldy-loading 是一个功能丰富的加载动画组件，提供了40多种精美的加载动画效果，可用于各种加载场景。

特性

• 提供40+种加载动画效果
• 支持自定义颜色和大小
• 支持显示加载文字
• 支持遮罩层
• 支持固定定位
• 支持自定义缩放

基础用法

<ldy-my-loading text="加载中..." />

自定义样式

<ldy-my-loading type="circle" color="#2979ff" size="large" />

带遮罩的全屏加载

<ldy-my-loading :mask="true" :fixed="true" />

API

Props

动画类型

组件支持以下动画类型：

• circle: 圆形旋转
• dots: 点状加载
• spinner: 菊花加载
• cube: 方块翻转
• wave: 波浪加载
• double-circle: 双圈旋转
• pulse: 方块脉冲
• ring: 环形进度
• cross: 交叉旋转
• bounce: 弹跳球
• square-spread: 方形扩散
• scan: 圆环扫描
• audio: 音频条
• heart: 心跳
• star: 星星闪烁
• dna: DNA双螺旋
• atom: 原子旋转
• stack: 方块堆叠
• gear: 齿轮转动
• rainbow: 彩虹圈
• rocket: 火箭发射
• progress: 进度条
• cube3d: 魔方旋转
• liquid: 液体波浪
• energy: 能量球
• matrix: 方块矩阵
• infinity: 无限符号
• clock: 时钟旋转
• taichi: 太极转动
• flip: 方块翻牌
• ripple: 圆点扩散
• music: 音符跳动
• chess: 棋盘加载
• zigzag: 折线动画
• chase: 圆环追逐
• particle: 粒子爆炸
• tunnel: 螺旋隧道
• halo: 光环扫描
• flip3d: 立体翻转
• galaxy: 星系旋转
• neon: 霓虹脉冲
• cube-grid: 立方体网格
• diamond: 钻石闪耀
• vortex: 银河漩涡
• quantum: 量子跃迁
• prism: 棱镜折射
• aurora: 极光波动

尺寸大小

• small: 小号
• normal: 中号（默认）
• large: 大号

注意事项

1. 使用 fixed 定位时，loading 会固定在屏幕中心
2. 使用 mask 时会创建半透明遮罩层
3. color 属性会同时影响加载动画和文字颜色
4. size 属性仅影响加载图标大小，不影响整体容器大小