<template>
  <van-swipe
    :autoplay="3000"
    :show-indicators="false"
    class="rounded-xl overflow-hidden"
  >
    <van-swipe-item v-for="item in bannerList" :key="item.id">
      <img
        class="object-cover w-full aspect-[1920/697] rounded-xl"
        :src="item.imgUrlsAfterConvert[0]"
      />
    </van-swipe-item>
  </van-swipe>
</template>

<script setup>
const { data } = await useMyFetch(`website/basic/bannerList?belongTab=10`);
const bannerList = computed(() => data.value?.dataList);
</script>

<style lang="scss" scoped></style>
