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>