<template>
    <view class="banner h-[750rpx] bg-white translate-y-0" v-if="content.length">
        <swiper
            class="swiper h-full"
            :indicator-dots="content.length > 1"
            indicator-active-color="#4173ff"
            :autoplay="true"
        >
            <swiper-item v-for="(item, index) in content" :key="index">
                <u-image mode="aspectFit" width="100%" height="100%" :src="item" />
            </swiper-item>
        </swiper>
    </view>
</template>

<script setup lang="ts">
import { useAppStore } from '@/stores/app'

defineProps({
    content: {
        type: Array,
        default: () => []
    },
    styles: {
        type: Object,
        default: () => ({})
    }
})
const { getImageUrl } = useAppStore()
</script>
