<template>
    <div class="banner">
        <div class="index-title">
            <h3>我们致力于</h3>
            <p>让更多人享受美好生活</p>
        </div>
        <div class="banner-list">
            <el-carousel>
                <el-carousel-item>
                    <img src="../../assets/image/banner_imgs/serve2.jpg" alt="">
                </el-carousel-item>
                <el-carousel-item  >
                    <img src="../../assets/image/banner_imgs/serve3.jpg" alt="">
                </el-carousel-item>
                <el-carousel-item  >
                    <img src="../../assets/image/banner_imgs/serve4.jpg" alt="">
                </el-carousel-item>
                <el-carousel-item  >
                    <img src="../../assets/image/banner_imgs/serve5.jpg" alt="">
                </el-carousel-item>
            </el-carousel>
        </div>
    </div>
  </template>
  
  <script setup lang="ts">
    let bannerList =[
        {id:2,img_url:'serve2.jpg'},
        {id:3,img_url:'serve3.jpg'},
        {id:4,img_url:'serve4.jpg'},
        {id:5,img_url:'serve5.jpg'},
    ]
  </script>
  <style lang="scss">
.banner{
    padding-top: 20px;
}
.banner-list{
    margin-top: 15px;
}
  </style>
  