<!--
    @name: index
    @author: kahu4
    @date: 2023-11-02 16:10
    @description：index
    @update: 2023-11-02 16:10
-->
<script setup>
import { defaultBanner } from "@/utils/images";
</script>

<template>
  <view class="banner-container">
    <swiper
        class="swiper"
        circular
        indicator-dots
        autoplay
    >
      <swiper-item v-for="item in 10">
        <view class="swiper-item">
          <image
              :src="defaultBanner"
              mode="aspectFit"
          />
        </view>
      </swiper-item>
    </swiper>
  </view>
</template>

<style
    scoped
    lang="scss"
>
.banner-container {
  padding: 0 35rpx;
  box-sizing: border-box;
  border-radius: 15rpx;

  .swiper {
    height: 340rpx;
    border-radius: 15rpx;
    overflow: hidden;

    .swiper-item {
      height: 340rpx;
      border-radius: 15rpx;


      image {
        width: 100%;
        height: 100%;
        border-radius: 15rpx;
      }
    }
  }
}
</style>
