最近写用vue2.0写一个项目，用到了走马灯效果，由于项目赶时间，想偷下懒，第一次引用了element组件(纯JS也可以写的出来，赶时间嘛，懂得。。。。)，结果用了发现一个问题，element的组件（Carousel） 走马灯，高度是固定的，页面缩小会有空隙。网上查了一大堆资料，都说的不全 ...

Carousel 走马灯源码分析整理笔记，这篇写的不详细，后面有空补充 main.vue item.vue ...

在有限空间内，循环播放同一类型的图片、文字等内容 基础用法 适用广泛的基础用法 结合使用el-carousel和el-carousel-item标签就得到了一个走马灯。幻灯片的内容是任意的，需要放在el-carousel-item标签中。默认情况下，在鼠标 hover 底部 ...

点击单元格后弹出对话框轮播图片，用Carousel 走马灯实现。 希望图片无论分辨率多少，都能在一屏内显示，这时就要用图片自适应。 图片外层容器，使用 flex 布局，设置对齐方式为主轴、交叉轴居中 display: flex; align-items: center ...

需要在mounted()方法中添加上this.$refs.carousel.handleMouseEnter = () ...

细心测试发现：前几次点击都有效，一个循环后点击就无效了！ 解决方案：去掉 loop，不开启循环。 缺憾：轮播视觉效果不好，第一轮完成，第二轮显示图片1秒内退回去在播。 猜想：可能是ivi ...

　　在Vue项目开发中,发现使用Element的走马灯功能实例中 　　由于img的宽度设置了100%,所以高度会根据图片来自动调整，但当浏览器的大小发生改变,会出现图片下面出现空白现象,如果固定img的高度,那么图片就可以会随浏览器的变化发生变形。 　　 　　图片下面 ...

...