请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册
搜索

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

2
回复
1135
查看
[复制链接]

1

主题

6

帖子

35

积分

 楼主| 2020-12-7 18:12:07 显示全部楼层 |阅读模式
首页的商品展示是横向滚动的,使用list组件后,商品可以正常横向滚动。但是当手势停留在商品列表处上下滚动时,页面不能正常滚动。怎么解决呀

商品列表.jpg

商品列表.jpg
回复

使用道具 举报

1

主题

6

帖子

35

积分

 楼主| 2020-12-7 21:09:23 显示全部楼层
本帖最后由 xiaomo_wang 于 2020-12-7 21:13 编辑 重新看了下代码结构,我的这个list组件是包裹在tabs组件的tab-content组件里使用的。当我去掉tab组件该用div实现时,问题虽然可以解决,但是tab切换时有抖动的现象。且体验不如tabs组件。大家有好的解决方案么? 页面结构如下所示:页面功能结构,是需要切换tab显示对应的tab内容。 代码如下:
回复

使用道具 举报

1

主题

6

帖子

35

积分

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

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册