关于轮播图的灵活使用之swiper

我的业务需求如下：

四张（以后会更多张）卡片一个版面展示三张，可滑动

最开始我使用的是vant中自带的swiper组件，但是它仅支持一屏展示一个，我尝试写了内外层的循环，也实现了这种一屏展示三个卡片的效果，但是与后台拉到数据后，数据是一个大数组，要想和前端的页面四张卡片进行数据匹配上就需要对拉取的数据进行分层处理，这样得话也能实现功能和需求，但是一旦卡片数量的数据很多的话就会造成卡顿等响应缓慢等问题，这是不友好的，于是经过思考和查阅选择使用是wiper始祖，选中的swiper文档中的看靠案例效果如下:

刚好很符合我的需求，且不用前端大量处理数据，因此使用该案例代码：

如下：