动画预加载器组件– Vue UI Loader

动画预加载器组件– Vue UI Loader
插件名称 Vue UI Loader
发布时间 2020年7月16日
插件作者 Bot-Academia

UI Loader是一个简单且可配置的加载器/预加载器组件,带有CSS3过渡动画。

下载与安装:

# Yarn
$ yarn add vue-ui-preloader

# NPM
$ npm i vue-ui-preloader --save

如何使用它:

1.导入UI Loader组件。

import loader from "vue-ui-preloader";

2.注册组件,我们就可以开始了。

Vue.use(loader);

3.创建一个加载微调器。

<loader object="#ff9633" color1="#ffffff" color2="#17fd3d" size="5" speed="2" bg="#343a40" objectbg="#999793" opacity="80" name="spinning"></loader>

4.创建加载点。

<loader object="#ff9633" color1="#ffffff" color2="#17fd3d" size="5" speed="2" bg="#343a40" objectbg="#999793" opacity="80" name="dots"></loader>

5.带有加载文本。

<loader object="#ff9633" color1="#ffffff" color2="#17fd3d" size="5" speed="2" bg="#343a40" objectbg="#999793" opacity="80" name="loading"></loader>