swiper 组件高度被限制为150px了,所以内容无法撑开。
解决办法
给这组件重新设置个高度,然后在把里面的图片设置为自动适应容器大小。图片模式设置为 宽度不变 自动适应高度
<swiper class="test" .....>
<swiper-item>
<image mode='widthFix' ...... />
</swiper-item>
</swiper>
<style>
.text{
height:200px;
}
image{
width:100%;
height:auto;
}
</style>
如果有想学习web前端的程序员,可加下v❤:TZ07900,免费送web前端的视频教程噢!