1.5k 1 分钟

# 业务场景 在实际开发项目中,我们可能会遇到很多 ui 组件库满足不了的场景,比如前段时间公司 ui 给了个高保真页面,页面长这样: 看到中间那个卡片轮播区域,本着省时省力的原则,先去找了各 ui 框架的走马灯组件以及 swiper 插件,发现他们都只支持展示三个元素,不支持同时展示五个元素。基本是这样的: 因此,要实现这个效果,要么手动撸一个支持 5 个元素的卡片走马灯,要么改一下框架里走马灯组件的源码。在看了组件的源码后,又考虑到时间的原因,决定对源码稍加改动。。。 # 效果预览 OK,先上最终改动后的测试效果预览,此时便是实现支持五个元素的走马灯 #...