mingnan-website/src/views/IntrodView copy 2.vue

<template>
  <!-- 文化概况页 -->
  <div class="main-background">
    <!-- 轮播 -->
    <Carousel v-bind="carouselConfig" class="main-header-box carousel-light">
      <Slide class="main-header-box">
        <img src="@/assets/images/introduction/Bammer.jpg" />
      </Slide>
      <template #addons>
        <Navigation />
        <Pagination />
      </template>
    </Carousel>

    <!-- 历史和地理背景 -->
    <section class="main-section main-background main-background-type1">
      <div class="content">
        <div class="title">
          <h2>历史和地理背景</h2>
        </div>

      
      </div>
    </section>


  </div>
</template>

<script setup lang="ts">
import { Carousel, Slide, Pagination, Navigation } from 'vue3-carousel'
import { onMounted, ref } from 'vue';
import Placeholder1 from '@/assets/images/placeholder/Midium.jpg';

const carouselConfig = {
  itemsToShow: 1,
  wrapAround: true,
  autoPlay: 5000,
}

</script>

<style lang="scss">


@media (max-width: 425px) {
  
}
</style>