关于轮播图中slider-item为什么是7个，多clone两个的问题

首页课程实战体系课手记专栏慕课教程

关于轮播图中slider-item为什么是7个，多clone两个的问题

来源：4-5 轮播图组件实现（中)

Lawliet_ZMZ

2018-02-07

这个clone操作是哪个组件实现的呢？
这样对应在逻辑实现上有什么意义或者是原理？（循环的原理？）
而且这个顺序：

slider-1

slider-2

slider-3

..............

slider-1

slider-2

写回答

1回答

ustbhuangyi

ustbhuangyi

2018-02-07

better-scroll 实现的，当传入 snap:{loop:true} 的时候，前后各 clone 一个节点，保证可以无缝循环轮播

0

2

ustbhuangyi

回复

Lawliet_ZMZ

去网上搜一下无缝轮播图的实现原理，就更清楚了

2018-02-07

共2条回复

Vue2.0高级应用教学实战，开发企业级移动端音乐Web App

Vue.js高级知识应用大集合，实战企业级APP，教你搞定组件化开发。

5432 学习 · 3804 问题

相似问题

slider 最后两个item为空

回答 3

前辈，为啥我自己的项目里面，slider-group 的子元素只有5个，没有7个

回答 3

轮播图

回答 1

黄老师，关于轮播图组建slider和路由切换时从左到右五张图片先后产生的问题

回答 2

7-18这章节，关于随机播放

回答 2

打开慕课网App查看更多内容