swiper组件高度自适应

来源：1-3 优先自己开发

tom睡着了

2018-08-16

老师您好，这个问题与课程无关，是在自己开发时碰到的问题。

问题描述：swiper组件的高度无法根据swiper-item的内容自适应，从而使得swiper-item显示不全。虽然有了解决方法，但是感觉这种方法并不好，因为使用了内联的样式，而且如果swiper-item的内容也是动态的，就无法使用这种方法解决。想问一下老师有什么好的办法可以解决这个问题。

自己的解决方法：根据swiper-item的高度，动态决定swiper的高度。

关键代码：

<swiper current="{{selected}}" scroll-x style="height: {{selected===0?200:selected===1?300:400}}rpx">
    <swiper-item />
    <swiper-item />
    <swiper-item />
</swiper>

写回答

1回答

7七月

2018-08-16

已采纳

这个不是问题吧，图片本身就有9种缩放和裁剪，需要这样吗？

tom睡着了

感谢老师！现在想明白了。

2018-08-18

共1条回复

纯正商业级微信小程序应用实战，全方位小程序特性讲解

真实数据的高质量小程序项目，学会直接工作

4782 学习 · 2125 问题

查看课程

相似问题

关于点赞组建和点赞数量的宽度自适应

回答 2

在组件上绑定事件

回答 1

使用自定义组件好还是模板好

回答 1

字段名有没有办法放到组件中

回答 2

直接用setData修改properties的数据（子组件修改父组件的数据），在小程序是推荐的吗？

回答 1

打开慕课网App查看更多内容