<template>
  <div>
    <div>
      <el-carousel
        indicator-position="outside"
        type="card"
        style="margin-top:60px;"
      >
        <el-carousel-item v-for="item in imgList" :key="item.name" height="10">
          <img
            :src="item.src"
            style="height:140%;width:100%;"
            alt="图片丢失了"
            :title="item.title"
          />
        </el-carousel-item>
      </el-carousel>
    </div>
    <div>
      <p
        style="text-align: center ;margin-top:100px ;font-size:xxx-large;font-weight: 800;color: dodgerblue;font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;"
      >
        Welcome to AO
      </p>
    </div>
    <div class="demo-image">
      <img src="@/assets/homepic5.jpg" style="width: 100%; height: 140%" />
    </div>
    <div>
      <p class="flower">
        Novak Djokovic is no stranger to the dreaded first-Slam curse.
      </p>
      <p class="flower">
        When he returned at Melbourne Park as the third seed in 2011, three
        years had passed since he first disrupted the top order with a breakout
        Australian Open title in 2008.
      </p>
      <p>
        <a
          href="https://ausopen.com/articles/news/it-keeps-me-going-nadal-rivalry-driving-djokovic-on"
          ><strong
            >“IT KEEPS ME GOING”: Nadal rivalry driving Djokovic on</strong
          ></a
        >
      </p>
      <p class="flower">
        The pressure to add to that title had only mounted with each near-miss
        and the mountain to reach the seemingly untouchable Roger Federer and
        Rafael Nadal had grown.
      </p>
      <p class="flower">Djokovic’s name was not even in the conversation.</p>
      <p class="flower">
        At the time, Federer stood alone on 16 majors, while his nearest
        challenger, Rafael Nadal, had closed the gap with his ninth, at
        Djokovic’s expense, in the US Open final.
      </p>
      <p class="flower">
        NOVAK AT NIGHT: Djokovic’s growing strength under Rod Laver Arena’s
        lights
      </p>
      <p class="flower">
        Twelve years on, the Swiss has hung up his racquet for good, the
        Spaniard has succumbed to a hip injury in his title defence and the
        Serbian has departed Melbourne Park with a record-equalling 22nd Grand
        Slam crown.
      </p>
      <p class="flower">
        The 35-year-old has no end to his glittering career in sight and makes
        no secret of his mission to pull clear of Nadal to finally stand, and
        stay, alone at the summit.
      </p>
    </div>
  </div>
</template>
  
  <script>
export default {
  name: "page",
  data() {
    return {
      imgList: [
        {
          name: "lj",
          src: require("@/assets/homepic1.jpg"),
          title: "homepic1.jpg"
        },
        {
          name: "logo",
          src: require("@/assets/homepic2.jpg"),
          title: "homepic2.jpg"
        },
        {
          name: "bg",
          src: require("@/assets/homepic3.jpg"),
          title: "homepic3.jpg"
        },
        {
          name: "sadmas",
          src: require("@/assets/homepic4.jpg"),
          title: "homepic4.jpg"
        }
      ]
    };
  }
};
</script>
  
  <style scoped>
body {
  margin:0;
}
.flower {
  font-family: myFlower;
  color: rgb(0, 0, 0);
}
.el-carousel__item h3 {
  color: #475669;
  font-size: 18px;
  opacity: 0.75;
  line-height: 300px;
  margin: 0;
}

.el-carousel__item:nth-child(2n) {
  background-color: #99a9bf;
}

.el-carousel__item:nth-child(2n + 1) {
  background-color: #d3dce6;
}
</style>