微信小程序的video视频轮播

最新推荐文章于 2024-08-26 09:45:17 发布

c东东东

最新推荐文章于 2024-08-26 09:45:17 发布

阅读量753

点赞数

分类专栏：小程序文章标签：小程序

本文链接：https://blog.csdn.net/SDSDASDSADQDwc/article/details/113556587

版权

小程序专栏收录该内容

2 篇文章 0 订阅

订阅专栏

故事背景

由于公司的的业务需要做一个类似抖音的上下轮播的功能，于是在社区找到[添加链接描述](https://developers.weixin.qq.com/community/develop/article/doc/000c2e0afc8cc8b2a96b36d665b413)这一片文章参考做好该功能，在此总结一下。

在这里插入图片描述

思路

在swiper中的swiper-item一直保持3个（减少节点的开销，性能好），上下滑动一下就切换一下加载的资源，这样的话就只能如下图所示在这里插入图片描述
问题：
当加载的轮播视频有余数的时候，我们把当前swiper-item轮播变成4个轮播，当余数为2时，我们把当前swiper-item轮播变成2个轮播；这样就可以解决余数不为0的时候，但是有个特殊情况就是当视频刚好4个，应该直接全部swiper-item展示，无需其它逻辑处理。