本文记录了将ExtJs系统迁移到Vue的过程中，如何解决轮播图淡入淡出效果的问题。通过对比两种不同的实现方式，探讨了使用定时器和动态设置背景图片来达到平滑过渡的效果。
本人这段时间尝试把公司老系统的ExtJs换成vue，之前没专门搞过前端，过程中遇到一些问题，在此记录一下，也给刚开始学习遇到同样问题的同学一点经验！
首先放一份，我调试完美运行的代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
<style type="text/css">
*{
margin: 0px,
padding: 0px;
list-style-type: none;
}
.login_img {
margin: 50px auto;
}
.login_img ul li {
position: absolute;
}
.login_img .divImg {
background-position: 0px;
background-size: cover;
background-repeat: no-repeat;
width: 700px;
height: 400px;
}
.img-enter-active,
.img-leave-active {
transition: all 4s;
}
.img-enter,
.img-leave-to {
opacity: 0;
}
.img-enter-to,
.img-leave {
最低0.47元/天 解锁文章
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
