feat: improve slider
This commit is contained in:
@@ -21,6 +21,7 @@ const Events = () => {
|
||||
initial: 0,
|
||||
loop: true,
|
||||
mode: 'free-snap',
|
||||
slides: { perView: 3.915, spacing: 24 },
|
||||
slideChanged(slider) {
|
||||
setCurrentSlide(slider.track.details.rel)
|
||||
},
|
||||
@@ -31,14 +32,11 @@ const Events = () => {
|
||||
setLoaded(true)
|
||||
},
|
||||
breakpoints: {
|
||||
'(max-width: 1050px)': {
|
||||
'(max-width: 1024px)': {
|
||||
slides: { perView: 2.915, spacing: 20 }
|
||||
},
|
||||
'(max-width: 800px)': {
|
||||
slides: { perView: 1.12, spacing: 12 }
|
||||
},
|
||||
'(min-width: 1050px)': {
|
||||
slides: { perView: 2, spacing: 22 }
|
||||
},
|
||||
'(min-width: 1600px)': {
|
||||
slides: { perView: 3.915, spacing: 24 }
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
@@ -19,18 +19,16 @@ const LatestNews = () => {
|
||||
initial: 0,
|
||||
loop: true,
|
||||
mode: 'free-snap',
|
||||
slides: { perView: 3.915, spacing: 24 },
|
||||
created() {
|
||||
setLoaded(true)
|
||||
},
|
||||
breakpoints: {
|
||||
'(max-width: 1050px)': {
|
||||
'(max-width: 1024px)': {
|
||||
slides: { perView: 2.915, spacing: 20 }
|
||||
},
|
||||
'(max-width: 800px)': {
|
||||
slides: { perView: 1.12, spacing: 12 }
|
||||
},
|
||||
'(min-width: 1050px)': {
|
||||
slides: { perView: 2, spacing: 22 }
|
||||
},
|
||||
'(min-width: 1600px)': {
|
||||
slides: { perView: 3.915, spacing: 24 }
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
Reference in New Issue
Block a user