找回密码
 立即注册
搜索

开发问题 开发过程中发现tabbar和list-item都不能很好的实现想要的结果

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

1

主题

1

帖子

10

积分

 楼主| 2019-10-21 16:17:58 显示全部楼层 |阅读模式
我们产品是类似于哔哩哔哩手机网页版的产品,其中有一个问题就是在影片详情页面的场景下,如果是电视剧或者纪录片或者综艺的话,会有很多期或者很多集,那么我们的选集是现在页面横排展示,超出屏幕宽度就横向滚动,点击会弹出一个弹窗,里面可以选择多少集,并且在弹窗里选择完多少集之后,页面上面的横向排列的选中的那一集电视剧的海报就要滚动到屏幕中间。tabbar只能点击操作居中,list-item的只能通过设置索引来让当前元素滑动至屏幕最左方,也不能居中。我本来想使用swiper,swiper的宽度是默认全屏宽,可是范围内只能展示一个剧集选集。同时,快应用内又没有操作dom的概念和相关API以及 dom 的 offsetWidth 和 offsetHeight 这些属性值,导致也没办法通过计算实现相应的效果。想问一下,各位,有什么好的解决方案吗?
回复

使用道具 举报

489

主题

793

帖子

6735

积分

2019-10-22 11:19:09 显示全部楼层
重复发帖了哦,把那个删掉了哈,已经转发给技术啦,稍后为您解答
官方客服微信:kuaiyingyongguanKF
回复

使用道具 举报

2019-10-22 17:03:57 显示全部楼层
参考一些视频播放快应用,并没有居中,只是近似居中 将list-item的宽度设为主流手机宽度的三分之一左右,点击list-item的时候获取index,list.scrollTo({index: index-1}),滚动到点击的上一个视频,就可以做到近似居中的效果
回复

使用道具 举报

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