antdesign vue 2.0 递归菜单_2个优质的 Vue 加载指示器组件Vue-Spinners

在前端项目开发中，经常用到loading加载提示功能。今天就给大家分享2个超不错的Vue加载微调器组件。

1、Epic-Spinners

一系列精美的 vue+css3 花样动画加载效果集合组件。star高达3.3K+。

安装

$ npm i epic-spinners -S

使用组件

...

优秀的产品总有它独特之处，针对react和angular，也有相应的版本。

• react版本

https://github.com/bondz/react-epic-spinners

• angular版本

https://github.com/hackafro/angular-epic-spinners

如果觉得还可以的话，不要错过哈~

# demo地址https://epic-spinners.epicmax.co/# 实例应用https://vuestic.epicmax.co/admin/ui/spinners# 仓库地址https://github.com/epicmaxco/epic-spinners

2、Vue-Element-Loading

一个基于vue.js的元素loading加载效果组件。

安装

$ npm i vue-element-loading -S

使用组件

This is my content.

目前带有8个加载微调器

• 微调器 spinner
• 迷你旋转器 mini-spinner
• 环 ring
• 线波 line-wave
• 线刻度 line-scale
• 线下 line-down
• 淡入淡出 bar-fade
• 淡入淡出规模 bar-fade-scale

全屏设置

设置提示语及样式

大小及动画速度设置

局部加载

加载类型

全屏加载

# 示例地址https://vue-element-loading.netlify.app/# 仓库地址https://github.com/biigpongsatorn/vue-element-loading

ok，就分享到这里。如果大家有其它Vue加载器，欢迎一起交流讨论！