写在前面：网站轮播图建议使用swiper组件，非常方便快捷。vue轮播图插件之vue-awesome-swiper 接手一个项目，轮播图是用element-ui的carousel实现的，看起来效果还不错，只是固定宽高，并未做适配，于是将就代码做下修改，以适配各种显示器屏幕 ...

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

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

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

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

...

1、 页面代码：设置高度变量 :height="banH +'px'" <template> <div class="home"> <div class="slider"> <el-carousel :interval ...

使用图片时需要require引入，直接写图片路径不生效 ...