微信小程序swiper组件遇到的问题及解决方法_小程序swiper滑动不流畅问题 - CSDN文库

5星 · 超过95%的资源 43 浏览量更新于2023-03-16 评论收藏 37KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

微信小程序微信小程序 swiper 组件遇到的问题及解决方法组件遇到的问题及解决方法

Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。

Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。

Swiper开源、免费、稳定、使用简单、功能强大，是架构移动终端网站的重要选择！

swiper 组件高度被限制为150px了，所以内容无法撑开。

解决办法解决办法

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

<swiper class="test" .....>

<swiper-item>

<image mode='widthFix' ...... />

</swiper-item>

</swiper>

<style>

.text{

　　height:200px;

}

image{

width:100%;

height:auto;

}

</style>

总结总结

以上所述是小编给大家介绍的微信小程序 swiper 组件遇到的问题及解决方法，希望对大家有所帮助，如果大家有任何疑问请

给我留言，小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持！

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余0页未读，立即下载

评论10

陈熙昊

2023-06-19

这篇文章可以说是我使用swiper组件必读的一篇。

weixin_38737144

粉丝: 4
资源: 942

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈