ElementUI의 회전등도 비슷한 효과를 가지고 있으니 참고하시면 됩니다. (하단의 [카드] 효과 참고)

예

1. 캐러셀처럼 마지막에 첫 번째 것과 똑같은 것을 추가하세요. 예를 들어 이 구조는 1234561입니다.
2 가장 큰 효과는 두 가지인데, 하나는 전체 이미지를 확대하는 것이고, 다른 하나는 높이와 너비 내용만 변경하지 않고 확대하는 것입니다. 전자는 스케일을 사용하고 후자는 너비와 높이를 직접 변경합니다.

제 생각은 위와 같습니다

으아악

CSS의 핵심은.view의overflow-x를hidden으로 설정하는 것입니다.view的overflow-x为hidden

还有.container的absolute

这样就可以把.containerleft变化 转化成看起来就像滚动一样

现在的问题就是让中间那个变大一些

按套路来讲，还需要写.iambig

.container의 절대도 있습니다

---

이런 식으로.container의 왼쪽 변경 내용을

스크롤하는 것처럼 보이게 됩니다

1. 이제 문제는 가운데를 더 크게 만드는 것입니다

루틴에 따라 확대 스타일로 .iaambig도 작성해야 합니다

2. 모든 준비가 완료된 후:

문제를 데이터 문제로 전환

데이터 렌더링

---

으아악

모든 것이 준비되면 노출된 다음 사전 렌더링을 해당 버튼에 바인딩합니다.

1. PS: 그 다음에는 데이터를 변경한 후 렌더링하는 것을 기억하세요

2. 기본지식이 필요합니다

CSS 오버플로, 절대 너비 및 기타 기본 CSS 상태 Array.prototype.forEach, jQuery의 일반적인 메서드 등 = = . . . . 이것이 도움이 되기를 바랍니다.

Baidu에서 플러그인을 찾아보세요. 플러그인은 인터넷 어디에나 있습니다