home.vue

<template>
  <div class="home bounceIn">
    欢迎来到 NAFMII 管理后台
  </div>
</template>
<style lang="less" scoped>
.home {
  height: 100%;
  font-size: 40px;
  color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.bounceIn {
  animation: bounceIn 1s;
}
</style>