<template>
  <div class="fullScreen">
    <div class="yulu">“生命重于泰山, 要针对安全生产事故主要特点和突出问题，层层压实责任。狠抓整改落实，强化风险防控，从根本上消除事故隐患，有效遏制重大事故发生。”</div>
    <div class="xichairman">-习近平</div>
    <div class="fastin" @click="fasttohome">快速进入</div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      degree: 10
    }
  },
  mounted() {
    // this.curTimer = setInterval(() => {
    //   this.degree--
    //   if (this.degree <= 0) {
    //     this.$router.push({ path: '/home/index' })
    //     clearInterval(this.curTimer)
    //   }
    // }, 1000)
  },
  methods: {
    fasttohome() {
      this.$router.push({ path: '/funcs' })
      // clearInterval(this.curTimer)
    }
  }
}
</script>

<style lang="scss">
  html,body {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
  }
  .fullScreen {
    width: 100%;
    height: 100%;
    background-image: url('../assets/home/3232.png');
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    .yulu {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -60%);
      width: 1593px;
      height: 350px;
      font-size: 70px;
      font-family: 'Source Han Sans CN';
      font-weight: bold;
      font-style: italic;
      color: #E61913;
      line-height: 90px;
      text-shadow: 0px 7px 11px rgba(0, 0, 0, 0.27);
      background: linear-gradient(0deg, #F7B158 42.138671875%, #FAF8DD 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .xichairman {
      position: absolute;
      right: 80px;
      top: 601px;
      width: 320px;
      height: 67px;
      font-size: 70px;
      font-family: 'Adobe Heiti Std';
      font-weight: bold;
      color: #FFFD67;
      line-height: 56px;
      text-shadow: 0px 7px 11px rgba(0, 0, 0, 0.27);
      background: linear-gradient(0deg, #D7D7D7 0%, #F7B158 0%, #FAF8DD 61.5234375%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .fastin {
      position: absolute;
      top: 699px;
      right: 171px;
      width: 371px;
      height: 93px;
      border: 2px solid #c5bc3b;
      box-shadow: 0px 7px 11px 3px rgba(0, 0, 0, 0.27);
      border-radius: 20px;
      font-family: 'Adobe Heiti Std';
      text-align: center;
      font-size: 48px;
      text-shadow: 0px 7px 11px rgba(0, 0, 0, 0.27);
      color: #FFFD67;
      line-height: 93px;
      background: linear-gradient(0deg, #D7D7D7 0%, #F7B158 0%, #FAF8DD 61.5234375%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      user-select: none;
      cursor: pointer;
    }
  }
</style>
