list组件设置横向滚动导致该区域垂直滚动不触发

xiaomo_wang

首页的商品展示是横向滚动的，使用list组件后，商品可以正常横向滚动。但是当手势停留在商品列表处上下滚动时，页面不能正常滚动。怎么解决呀

商品列表.jpg

xiaomo_wang

重新看了下代码结构，我的这个list组件是包裹在tabs组件的tab-content组件里使用的。当我去掉tab组件该用div实现时，问题虽然可以解决，但是tab切换时有抖动的现象。且体验不如tabs组件。大家有好的解决方案么？ 页面结构如下所示：页面功能结构，是需要切换tab显示对应的tab内容。 代码如下：

xiaomo_wang

已解决，当初为了实现产品要的效果，所以采用了tabs组件+list组件开发，才造成上面描述的问题。现在改成使用官方提供的list联动方案+通用事件appear去实现了。有个布局的坑就是list组件中不支持justify-content:属性，比如上图中的tab栏均匀分部，写justify-content：space-around是不能达到均分效果的，只能给每个item写固定的宽度 新的代码结构如图：