今天看啥  ›  专栏  ›  枫瑞博客网

swiper快速实现小程序双行金刚区滚动翻页

枫瑞博客网  · 公众号  ·  · 2024-04-12 12:45
当烟雨缭绕、蓑衣低垂的时候,生命如同一曲绵长的旋律,诉说着它独特的故事事情经过是大佬询问微信小程序首页小程序双行金刚区滚动翻页效果是如何做到的若你问我,之前也没学习过;但是我会摇人哇!方式一:flex-flow: column wrap 实现两行布局加上scroll-view 实现滚动方式二:swiper + flex布局(或者grid组件) + js分割数组# 取舍条条大路通罗马,我们只需要选择一合适自己的一条,方式一内心是拒绝的,因为scroll-view的滚动需要我们去计算而方式二只要js数组分割一个难点而已# 思路模拟12条数据,使用js将数据分割8个一组,先循环swiper,在循环一次里面的金刚区# 代码为了方便实用uni-app做案例,其实核心只有js分割template> view> view class="uni-margin-wrap"> swiper class="swiper" circular :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval" indicat ………………………………

原文地址:访问原文地址
快照地址: 访问文章快照