File tree 6 files changed +352
-66
lines changed
6 files changed +352
-66
lines changed Load Diff This file was deleted.
Original file line number Diff line number Diff line change @@ -164,6 +164,7 @@ export const Item = {
164
164
} ,
165
165
//заменить слово SurfRide на Clothery
166
166
changeName ( smth ) {
167
+ if ( typeof ( smth ) === 'string' )
167
168
return smth . replace ( 'SurfRide' , 'Clothery' )
168
169
}
169
170
} ,
Original file line number Diff line number Diff line change
1
+ import Swiper from 'https://unpkg.com/swiper@7/swiper-bundle.esm.browser.min.js'
2
+
3
+ export default {
4
+ template : `<div class="swiper" ref="carousel">
5
+ <!-- Additional required wrapper -->
6
+ <div class="swiper-wrapper">
7
+ <!-- Slides -->
8
+ <div class="swiper-slide">Slide 1</div>
9
+ <div class="swiper-slide">Slide 2</div>
10
+ <div class="swiper-slide">Slide 3</div>
11
+ ...
12
+ </div>
13
+ <!-- If we need pagination -->
14
+ <div class="swiper-pagination"></div>
15
+
16
+ <!-- If we need navigation buttons -->
17
+ <div class="swiper-button-prev"></div>
18
+ <div class="swiper-button-next"></div>
19
+
20
+ <!-- If we need scrollbar -->
21
+ <div class="swiper-scrollbar"></div>
22
+ </div>` ,
23
+ methods : {
24
+ init ( ) {
25
+ const options = {
26
+ pagination : {
27
+ el : '.swiper-pagination'
28
+ } ,
29
+ navigation : {
30
+ nextEl : '.swiper-button-next' ,
31
+ prevEl : '.swiper-button-prev'
32
+ }
33
+ }
34
+ const carousel = new Swiper ( this . $refs . carousel , options )
35
+ }
36
+ } ,
37
+ mounted ( ) {
38
+ this . $nextTick ( ( ) => {
39
+ this . init ( )
40
+ } )
41
+ }
42
+ }
You can’t perform that action at this time.
0 commit comments