大致效果如下图,只考虑垂直方向。长图可以通过滚动条看,短图居中效果,布局合理
HTML代码(vue作用域内):
Box" v-for="item in previewImg">
css代码:
Box{
height: 100%;//如高度等于网页高度
overflow: auto;
display: flex;
flex-direction: column;
justify-content: space-around;
}
.swiper-slide.long{
justify-content: flex-start;
}
js代码(vue作用域内,使用jquery):
this.CH){
el.parent().addClass('long');
}
原文链接:https://www.f2er.com/vue/35731.html}
}