<!--
    @name: index
    @author: kahu4
    @date: 2023-11-02 16:10
    @description：index
    @update: 2023-11-02 16:10
-->
<script setup>

</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="@/static/images/banner.png"
              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;

    .swiper-item {
      height: 340rpx;

      image {
        width: 100%;
        height: 100%;
      }
    }
  }
}
</style>
