以下为自适应宽高的,注意行内样式中间使用分号隔开的,不是逗号,否则会不生效。
外面的轮播图
<el-carousel height="150px" arrow="always" indicator-position="none" @change="carouselChange">
<el-carousel-item v-for="(item, index) in event.eventTrackMediaList" :key="index">
<div class="item" v-else @mouseover="isShowMask=true" @mouseout="isShowMask=false">
<img src="../assets/images/image404.png" v-lazy="item.path" alt="事件图片">
// 移动到轮播图上出现的遮罩
<div class="mask" v-show="isShowMask">
<img src="../assets/images/eventImgMouse.png" alt="" @click="viewDetail(item, index)">
</div>
</div>
</el-carousel-it