swiper 组件高度被限制为150px了,所以内容无法撑开。
解决办法
给这组件重新设置个高度,然后在把里面的图片设置为自动适应容器大小。图片模式设置为 宽度不变 自动适应高度
<swiper class="test" .....> <swiper-item> <image mode=‘widthFix‘ ...... /> </swiper-item> </swiper> <style>.text{ height:200px;} image{ width:100%; height:auto; } </style>
原文地址:https://www.cnblogs.com/whnba/p/10924511.html
时间: 2024-12-12 13:35:38