如何在微信小程序中使用swiper 组件
更新:HHH   时间:2023-1-7


如何在微信小程序中使用swiper 组件?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

解决办法

给这组件重新设置个高度,然后在把里面的图片设置为自动适应容器大小。图片模式设置为 宽度不变 自动适应高度

<swiper class="test" .....>
 <swiper-item>
  <image mode='widthFix' ...... /> 
 </swiper-item>
</swiper>

<style>
.text{
  height:200px;
}

image{
 width:100%;
 height:auto;
}
</style>

关于如何在微信小程序中使用swiper 组件问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注天达云行业资讯频道了解更多相关知识。

返回web开发教程...