现在需求要做一个类似抖音那种全频视频效果,可以上下滑动切换视频,右侧可以评论,点赞。
我目前的写法是用swiper + video + view 定位评论点赞位置,之前也试过cover-view,但是效果不太理想,也是有问题。
现在先说下我目前做的遇到的问题
主要就是轮播图第一个swiper-item可以正常显示右侧评论栏,但是当滑动到第二个swiper-item时候就不见了
开发工具显示没有问题,但是到真机上就有问题了!
这是真机看的第一个图片,中间加个红色方块方便查看效果,视频,底部介绍,跟右侧点赞评论都能正常显示
滑动到第二个swiper-item之后,右侧跟底部就不见了
还有就是这种问题苹果手机除了第一个swiper-item里的评论栏会出现,第二个开始就不会出现了。
小米8测试时第一个swiper-item评论栏会出现,第二个之后会延迟出现
开发工具的效果:
滑动到第二屏
底部跟右侧都会正常显示
给swiper内video同级元素加上will-change: transform; css属性就可以
同问解决了吗,我也遇到了
有解决的办法了吗
麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)
右侧跟底部延迟渲染试试