- 博客(3)
- 收藏
- 关注
原创 关于Vue-transition leave-to离开动画不生效的问题
关于Vue-transition leave-to离开动画不生效的问题transition组件嵌套上代码对比区别有离开过渡动画效果无离开过渡动画效果transition组件嵌套显示动画的元素应包含在 transition 组件内部(包含定位元素以及动画元素本身)上代码对比区别需在另外的vue文件中引入有离开过渡动画效果<template><!-- 注意transition的嵌套结构 --><transition appear name="fade">
2020-07-23 12:54:12 2689 2
原创 Vue项目中使用Swiper自定义分页器样式
Vue项目中使用Swiper自定义分页器样式可以直接设置css样式来实现/*重置覆盖分页器的样式,注意css优先级问题*//deep/ .swiper-pagination-bullet { border-radius: 0; width: 97px; height: 6px; background-color: #fff; opacity: 1; margin: 0...
2020-04-25 09:15:32 1040
原创 js实现元素抖动动画效果
js实现元素抖动动画效果elShaking函数封装代码演示elShaking函数封装给指定元素绑定mouseenter事件,当鼠标移入时,元素抖动function elShaking(el) { const maxAngle = 7 // 震动偏移角度 const interval = 12 // 震动快慢,数字越小越快,太小DOM反应不过来,看不出动画 const quarte...
2020-04-25 08:57:47 1991
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人