<template>
  <div class="boutique">
    <el-carousel class="slider" autoplay arrow="nerver">
      <el-carousel-item>
        <div class="img-container">
          <img src="@/assets/imgs/boutique/1.jpg" width="100%" />
        </div>
      </el-carousel-item>
    </el-carousel>
  </div>
</template>

<script>
export default {
  name: "Boutique",
  data() {
    return {};
  },
};
</script>

<style lang="scss" scoped>
::v-deep .el-carousel__container {
  width: 100%;
  height: 100%;
}
.slider {
  height: 100vh;
  width: 100%;
}
.img-container{
  width: 100%;
  height: 100%;
  img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
</style>>