编程 Javascript

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实现设置载入动画和初始化页面动画效果就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持三水点靠木。

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

- Author -

石金泽

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

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 职场文书