<template>
  <div class="login-page">
    <div class="login-box">
      <div class="login-mian">
        <div class="login-modules">
          <router-view></router-view>
        </div>
      </div>
    </div>
    <footer class="footer">
      <span>Copyright © 2021 Zijing Education. All rights reserved. 清控紫荆（北京）教育科技股份有限公司</span>
      <a target="_blank" href="https://tsm.miit.gov.cn/dxxzsp/">京ICP证150431号</a>
      <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802023681">
        <img src="https://zws-imgs-pub.ezijing.com/e0a0ec47dfdfc1e0797b1d5254021d00.png" />安备11010802023681号
      </a>
      <a target="_blank" href="https://beian.miit.gov.cn/#/Integrated/index">京ICP备15016866号-1</a>
    </footer>
  </div>
</template>

<script>
export default {
  metaInfo() {
    return {
      link: [{ rel: 'icon', href: 'https://zws-imgs-pub.ezijing.com/static/build/learn-prp/favicon.png' }]
    }
  },
  data() {
    return {}
  }
}
</script>

<style lang="scss" scoped>
::v-deep .el-button--primary {
  background: #fff;
  border: none;
  color: #0028a8;
}
::v-deep .el-page-header__content,
::v-deep .el-form-item__label {
  color: #fff;
}
.login-page {
  position: relative;
  color: #fff;
}
.login-box {
  height: 100vh;
  background: #142564 url('../assets/login-bg.png') no-repeat center top;
  background-size: 100% 100%;
  .login-mian {
    // position: relative;
    // width: 1400px;
    height: 100%;
    margin: 0 auto;

    .login-modules {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 8%;
      width: 340px;
    }
  }
}
.footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px;
  font-size: 12px;
  line-height: 30px;
  text-align: center;
  a {
    margin-left: 10px;
    color: #fff;
  }
  img {
    vertical-align: middle;
  }
}
</style>
