vue实现设置载入动画和初始化页面动画效果


Posted in Javascript onOctober 28, 2019

移动端页面载入时过长的白屏等待,总是让人心烦气躁

不如,加个小动画吧

原理很简单

在index.html页面的body插入一个div

css里写入动画

在app.vue里 created的时候 将这个div移除就ok了

index.html

vue实现设置载入动画和初始化页面动画效果

CSS

vue实现设置载入动画和初始化页面动画效果

app.vue

vue实现设置载入动画和初始化页面动画效果

最终效果

vue实现设置载入动画和初始化页面动画效果

以上这篇vue实现设置载入动画和初始化页面动画效果就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript基础语法让人疑惑的地方小结
May 23 Javascript
如何在JavaScript中实现私有属性的写类方式(二)
Dec 04 Javascript
Javascript 正则表达式实现为数字添加千位分隔符
Mar 10 Javascript
javascript实现设置、获取和删除Cookie的方法
Jun 01 Javascript
jQuery实现鼠标滑过点击事件音效试听
Aug 31 Javascript
jQuery Easyui实现左右布局
Jan 26 Javascript
浅谈jquery高级方法描述与应用
Oct 04 Javascript
jquery.Callbacks的实现详解
Nov 30 Javascript
js获取地址栏中传递的参数(两种方法)
Feb 08 Javascript
微信小程序控制台提示warning:Now you can provide attr "wx:key" for a "wx:for" to improve performance解决方法
Feb 21 Javascript
微信小程序 网络通信实现详解
Jul 23 Javascript
VUE解决跨域问题Access to XMLHttpRequest at
May 06 Vue.js
vue设置一开始进入的页面教程
Oct 28 #Javascript
Vue调用后端java接口的实例代码
Oct 28 #Javascript
原生js实现商品筛选功能
Oct 28 #Javascript
使用Vue实现调用接口加载页面初始数据
Oct 28 #Javascript
JavaScript制作3D旋转相册
Aug 02 #Javascript
微信小程序工具函数封装
Oct 28 #Javascript
js实现3D照片墙效果
Oct 28 #Javascript
You might like
一个简单的MySQL数据浏览器
2006/10/09 PHP
php入门教程 精简版
2009/12/13 PHP
php截取字符串并保留完整xml标签的函数代码
2013/02/06 PHP
Laravel实现构造函数自动依赖注入的方法
2016/03/16 PHP
PHP 接入微信扫码支付总结(总结篇)
2016/11/03 PHP
jQuery EasyUI API 中文文档 - ProgressBar 进度条
2011/09/29 Javascript
JS中类或对象的定义说明
2014/03/10 Javascript
javascript实现当前页导航激活的方法
2015/02/27 Javascript
jQuery实现表格奇偶行显示不同背景色 就这么简单
2017/03/13 Javascript
vue父组件点击触发子组件事件的实例讲解
2018/02/08 Javascript
Nodejs下使用gm圆形裁剪并合成图片的示例
2018/02/22 NodeJs
在vue项目中使用sass的配置方法
2018/03/20 Javascript
react native基于FlatList下拉刷新上拉加载实现代码示例
2018/09/30 Javascript
JS使用H5实现图片预览功能
2019/09/30 Javascript
Python ORM框架SQLAlchemy学习笔记之关系映射实例
2014/06/10 Python
Python实现文件复制删除
2016/04/19 Python
实例讲解Python中global语句下全局变量的值的修改
2016/06/16 Python
Python应用03 使用PyQT制作视频播放器实例
2016/12/07 Python
python 含子图的gif生成时内存溢出的方法
2019/07/07 Python
python3.6+selenium实现操作Frame中的页面元素
2019/07/16 Python
Python交互式图形编程的实现
2019/07/25 Python
Python的历史与优缺点整理
2020/05/26 Python
Python如何读写字节数据
2020/08/05 Python
python 实现Harris角点检测算法
2020/12/11 Python
Html5实现iPhone开机界面示例代码
2013/06/30 HTML / CSS
5个你不知道的HTML5的接口介绍
2013/08/07 HTML / CSS
英国网络托管和域名领导者:Web Hosting UK
2017/10/15 全球购物
Yahoo-PHP面试题4
2012/05/05 面试题
介绍一下Linux中的链接
2016/05/28 面试题
自我鉴定总结
2014/03/24 职场文书
主题实践活动总结
2014/05/08 职场文书
竞聘演讲稿精彩开头和结尾
2014/05/14 职场文书
工会换届选举方案
2014/05/21 职场文书
2015年全国科普日活动总结
2015/03/23 职场文书
反腐倡廉学习心得体会范文
2015/08/15 职场文书
2016年第二十届“母亲节暨幸福工程救助贫困母亲活动日”活动总结
2016/04/06 职场文书