<!-- src/views/News.vue -->
<template>
  <div class="index-home">
    啊哈哈哈哈我来了
    <div class="content">
      我是首页内容
      <!-- 将轮播图放在内容区域或页脚区域 -->
      <div class="carousel-wrapper">
        <a-carousel autoplay :autoplay-speed="5000">
          <div>
            <video src="https://ec-resource20.oss-cn-shanghai.aliyuncs.com/ec_official_website/3_1.mp4" autoplay loop
              muted playsinline style="width: 100%; height: auto;"></video>
          </div>
          <div>
            <video src="https://ec-resource20.oss-cn-shanghai.aliyuncs.com/ec_official_website/3_2.mp4" autoplay loop
              muted playsinline style="width: 100%; height: auto;"></video>
          </div>
          <div>
            <video src="https://ec-resource20.oss-cn-shanghai.aliyuncs.com/ec_official_website/3_3.mp4" autoplay loop
              muted playsinline style="width: 100%; height: auto;"></video>
          </div>
        </a-carousel>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'

</script>

<style scoped></style>