<template>
    <swiper
        class="swiperCont"
        :current="2"
        active-class="swiper-active"
        previous-margin="20rpx"
        next-margin="380rpx"
        mode="round"
    >
        <swiper-item v-for="(item, index) in currentAllRelatedFlights" :key="index">
            <view class="swiperItem">
                <text class="title">{{ item.flightNo }}</text>
            </view>
        </swiper-item>
    </swiper>


</template>

<script setup>
import { ref, defineProps } from 'vue'
import useFlightSupportStore from 'mocp/store/flight-support'
import { storeToRefs } from 'pinia'
import { cloneDeep } from 'lodash'

const ps = defineProps({
    currentAllRelatedFlights: {
        type: Array,
        default: []
    }
})

const swiperChange = (e) => {
    console.log(e, e.current)
}
</script>
<style lang="scss" scoped>
@import '../constants/details';
</style>
