<template>
  <div class="">
    <div class="main">
      <div class="wel">WELCOME</div>
      <h1>欢迎进入新医路在线考试系统</h1>
      <img src="@/assets/bj.png" alt="">
    </div>
  </div>
</template>

<script>
import { mapGetters } from 'vuex'
import config from '../../../package.json'

export default {
  name: 'Dashboard',
  data() {
    return {
      currentRole: 'adminDashboard',
      version: config.version
    }
  },
  computed: {
    ...mapGetters([
      'roles',
      'siteData'
    ])
  },
  created() {

  }
}
</script>

<style scoped>
.main {
  background-color: #CAE6FE !important;
  width: 100%;
  height: calc(100vh - 84px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}

.wel {
  font-size: 120px;
  color: #538AD9;
  position: absolute;
  top: 20%;
  left: 2%;
  transform: translate(0, -50%);
}

h1 {
  font-size: 40px;
  color: #538AD9;
  position: absolute;
  top: 40%;
  left: 2%;
  transform: translate(0, -50%);
}

img {
  position: absolute;
  width: 50%;
  height: 65%;
  top: 15%;
  right: 2%;
}
</style>
