效果图 实现原理 利用vue的生命周期 钩子函数 来触发变量修改; css的过渡动画属性 .可以参考这里： " transform transition 通过类名实现文字动画过渡" 具体逻辑代码 组件 1 登录 DOM上使用vue的class绑定一个控制变量ifActiveCustomStyle， ...
分类：
Web程序 时间：
2020-05-05 10:57:02
阅读次数：
99
出现这种情况的原因，echarts图表默认占用盒子的100%，所以，modal处于隐藏状态下时，宽高为0，此时echarts折线图会使用自身默认的宽100Px和高100px; 解决方案： 首先我们要了解模态框的一个事件：shown.bs.modal 此事件在模态框已经显示出来（并且同时在CSS过渡效 ...
分类：
其他好文 时间：
2020-05-04 17:44:21
阅读次数：
131
代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http ...
分类：
Web程序 时间：
2020-05-02 22:43:34
阅读次数：
98
一丶jq/zepto animate()方法 可以细化操作，回调方法，但是在移动端（安卓）卡顿 二丶css3 animation 可以用@keyframes细化过渡效果，没有回调操作，只能监控animation/transition是否已完成。 三丶transform 过渡top/left 导致重绘 ...
分类：
移动开发 时间：
2020-04-30 23:24:21
阅读次数：
92
是基本的动态组件，所以我们可以用 组件给它添加一些过渡效果： Transition 的所有功能 在这里同样适用。单个路由的过渡上面的用法会给所有路由设置一样的过渡效果，如果你想让每个路由组件有各自的过渡效果，可以在各路由组件内使用 并设置不同的 name。const Foo = { template... ...
分类：
其他好文 时间：
2020-04-22 09:49:36
阅读次数：
78
图片hover之后等比例放大，鼠标移开又等比例恢复原状，同时带有动画过渡效果 使用CSS3中的transform属性； ...
分类：
Web程序 时间：
2020-04-01 00:32:37
阅读次数：
96
显示效果 显示效果 css代码如下 1 div{ 2 width: 100px; 3 height: 100px; 4 background-color: blue; 5 transition: width 2s,height 2s,transform 2s; 6 -webkit-transitio ...
分类：
Web程序 时间：
2020-03-21 15:08:54
阅读次数：
75
概述 Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有： 嵌套的路由/视图表 模块化的、基于组件的路由配置 路由参数、查询、通配符 基于 Vue.js 过渡系统的视图过渡效果 细粒度的导航控制 带有自动激活的 C ...
分类：
其他好文 时间：
2020-03-14 13:05:37
阅读次数：
68
过渡 transition: all 2s; /* 设置哪些属性可以有过渡效果 all：所有的属性 */ /*注意：并不是所有的属性都可以过渡*/ transition-property: left, width; transition-duration: 5s; /* duration durin ...
分类：
Web程序 时间：
2020-03-11 23:43:42
阅读次数：
125
CSS 过渡 transition呈现的是一种过渡，是一种动画转换的过程，如渐现、渐弱、动画快慢等 transition-property 规定设置过渡效果的 CSS 属性的名称。 定义转换动画的CSS属性名称 IDENT：指定的CSS属性（width、height、background-color ...
分类：
Web程序 时间：
2020-03-11 01:34:57
阅读次数：
256
