vue初始化动画加载的实例

前端之家收集整理的这篇文章主要介绍了vue初始化动画加载的实例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

1.在入口文件index.html中加入loading动画:

<Meta charset="utf-8"> <Meta name="renderer" content="webkit|ie-comp|ie-stand"> <Meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"> <Meta http-equiv="X-UA-Compatible" content ="IE=edge"/> @H_301_10@ div { background-color: #279fcf; width: 15px; height: 15px; border-radius: 100% !important; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; -webkit-animation: ball-beat 0.7s 0s infinite linear; animation: ball-beat 0.7s 0s infinite linear; } .ball-beat > div:nth-child(2n-1) { -webkit-animation-delay: 0.35s !important; animation-delay: 0.35s !important; }

2.在app.vue的created方法中:

效果如下:

以上这篇vue初始化动画加载的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程之家。

猜你在找的Vue相关文章