cpreston321 / nuxt-swiper

Swiper.js for Nuxt
https://www.npmjs.com/package/nuxt-swiper
MIT License
220 stars 10 forks source link

The `space-between` attribute does not produce a gap properly when loading #101

Open lxccc812 opened 11 months ago

lxccc812 commented 11 months ago

Loading status: image

Status after loading is complete:: image

This property does not produce the correct interval when loading and defaults to 0? Temporary solution: Stop using space-between change into:

<template>
    <SwiperSlide class="my-swiper"></SwiperSlide>
</template>

<style scoped lang="scss">
.my-swiper {
    margin-right: 8px;

    :last-child {
        margin-right: 0;
    }
}
</style>

nuxt 3.7.4 nuxt-swiper 1.2.2

Jones-S commented 4 days ago

Well actually this does not seem to work if you want to fit one slide into your slider width. If so, the next slide will be off the value of the margin:

image image