web页面加载动画qloadings，支持circle(圆图标)，spinner(变化图标)，notch(轮齿图标)，refresh(刷新图标)和setting(重置图标)，前端项目开发常用的页面加载动画Loading，支持用户自定义加载动画类型和加载文本，背景颜色设置，层级关系，动画停留时间，模块化区域加载等等灵活功能。此加载工具库目前支持vue2.0项目，是布衣前端又一个新作，希望能够给大家带来方便。

1、模块内加载截图

2、全局加载动画截图

工具类技术栈

安装和使用

1、npm安装

注意：如果npm官方镜像下载不了推荐使用加速镜像，比如淘宝镜像。

2、配置使用和部分属性自定义

全部注入：在vue2项目中入口文件导入依赖并注册全局，注意：加载动画默认是持续3000ms，必须自己调用取消方法才会停止。

注意： parent: '.content-box', // 自定义父级盒子，如果你要自定义加载动画到某个盒子，必须给盒子高度或者宽度，具体宽高根据实际页面来设置即可，这样才能正常显示动画，否则显示故障。

3、自定义父级容器

自定义父级旋转容器必须设置父级容器的相对定位样式 position: relative; 且有固定高度，否则不显示或者显示错乱。

举个例子：

父级盒子类名content-box，样式需要设置成相对定位和有高度值，否则显示错乱。