Skip to content

Commit b2a243d

Browse files
committed
need to fix vert long tablet overflow
1 parent 76392a7 commit b2a243d

File tree

6 files changed

+352
-66
lines changed

6 files changed

+352
-66
lines changed

Routes/Carousel.js

-64
This file was deleted.

Routes/Item.js

+1
Original file line numberDiff line numberDiff line change
@@ -164,6 +164,7 @@ export const Item = {
164164
},
165165
//заменить слово SurfRide на Clothery
166166
changeName(smth){
167+
if(typeof(smth) === 'string')
167168
return smth.replace('SurfRide','Clothery')
168169
}
169170
},

archiveExamples/Carousel.js

+42
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
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+
}

0 commit comments

Comments
 (0)