<template>
  <div class="cgbox">
    <div class="cgbox_son">
      <div class="imgone"></div>
      <p class="textone">添加成功</p>
      <p class="texttwo">5秒后自动跳转,或点击手动跳转...</p>
      <el-button
        style="margin-top: 20px"
        type="primary"
        icon="el-icon-arrow-right"
        circle
        @click="btn"
      ></el-button>
    </div>
  </div>
</template>

<script>
export default {
  mounted() {
    setTimeout(() => {
      this.$emit("change");
    }, 5000);
  },
  methods: {
    btn() {
      this.$emit("change");
    },
  },
};
</script>

<style scoped>
.cgbox {
  width: 100%;
  height: 890px;
  box-sizing: border-box;
  margin: 20px;
  border-color: #1da1f2;
  display: flex; /* 弹性盒子 */
  justify-content: center; /*水平居中*/
  align-items: center; /*垂直居中*/
}
.cgbox_son {
  text-align: center;
}
.imgone {
  width: 265px;
  height: 265px;
  background-image: url("../../img/cg.png");
  background-size: 100% 100%;
}
.textone {
  color: #22ec08;
  margin-top: 20px;
}
.texttwo {
  color: #1da1f2;
  margin-top: 20px;
}
</style>