编程 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国旗变换效果代码

Aug 13 Javascript

Bootstrap入门书籍之（一）排版

Feb 17 Javascript

js调用webservice构造SOAP进行身份验证

Apr 27 Javascript

JQuery实现列表中复选框全选反选功能封装(推荐)

Nov 24 Javascript

jQuery插件echarts实现的多折线图效果示例【附demo源码下载】

Mar 04 Javascript

JS全角与半角转化实例(分享)

Jul 04 Javascript

详解vue express启动数据服务

Jul 05 Javascript

jquery实现用户登陆界面(示例讲解)

Sep 06 jQuery

解决JQuery的ajax函数执行失败alert函数弹框一闪而过问题

Apr 10 jQuery

Angular 中使用 FineReport不显示报表直接打印预览

Aug 21 Javascript

layui给下拉框、按钮状态、时间赋初始值的方法

Sep 10 Javascript

返回上一个url并刷新界面的js代码

Sep 12 Javascript

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

yii2使用ajax返回json的实现方法

2016/05/14 PHP

thinkPHP连接sqlite3数据库的实现方法(附Thinkphp代码生成器下载)

2016/05/27 PHP

PHP进阶学习之依赖注入与Ioc容器详解

2019/06/19 PHP

Js 弹出框口并返回值的两种常用方法

2010/12/30 Javascript

JQuery中$之选择器用法介绍

2011/04/05 Javascript

浅谈js的setInterval事件

2014/12/05 Javascript

javascript实现树形菜单的方法

2015/07/17 Javascript

JavaScript模拟鼠标右键菜单效果

2020/12/08 Javascript

浅谈JSON.stringify()和JOSN.parse()方法的不同

2016/08/29 Javascript

Vuejs第十三篇之组件——杂项

2016/09/09 Javascript

微信小程序 wxapp画布 canvas详细介绍

2016/10/31 Javascript

javascript设计模式之Adapter模式【适配器模式】实现方法示例

2017/01/13 Javascript

canvas实现探照灯效果

2017/02/07 Javascript

解决Vue.js由于延时显示了{{message}}引用界面的问题

2018/08/25 Javascript

vue-cli脚手架的安装教程图解

2018/09/02 Javascript

小程序scroll-view组件实现滚动的示例代码

2018/09/20 Javascript

微信小程序视图控件与bindtap之间的问题的解决

2019/04/08 Javascript

vue el-table实现行内编辑功能

2019/12/11 Javascript

微信小程序调用后台service教程详解

2020/11/06 Javascript

js用正则表达式筛选年月日的实例方法

2021/01/04 Javascript

[10:18]2018DOTA2国际邀请赛寻真——找回自信的TNCPredator

2018/08/13 DOTA

Python动态加载模块的3种方法

2014/11/22 Python

Python Selenium Cookie 绕过验证码实现登录示例代码

2018/04/10 Python

python自动化实现登录获取图片验证码功能

2019/11/20 Python

浅谈selenium如何应对网页内容需要鼠标滚动加载的问题

2020/03/14 Python

深入浅析Python代码规范性检测

2020/07/31 Python

Django多个app urls配置代码实例

2020/11/26 Python

flask项目集成swagger的方法

2020/12/09 Python

企划经理的岗位职责

2013/11/17 职场文书

银行实习的自我鉴定

2013/12/10 职场文书

仓库管理员岗位职责

2014/03/19 职场文书

领导干部保密承诺书

2014/08/30 职场文书

2014年污水处理厂工作总结

2014/12/19 职场文书

单位收入证明范本

2015/06/18 职场文书

运动会800米赞词

2015/07/22 职场文书

详解Vue中$props、$attrs和$listeners的使用方法

2022/02/18 Vue.js