<template>
  <el-tooltip content="前往门户首页" placement="bottom" effect="light" :show-after="1000">
    <img id="auth-img" alt="err" src="@/assets/seec-logo--horizontal.png" @click="toPortal">
  </el-tooltip>
  <div id="auth-card">
    <AuthCard/>
  </div>
</template>

<script>
import AuthCard from "@/views/AuthPage/components/AuthCard";

export default {
  name: "AuthPage",
  components: { AuthCard },
  methods: {
    toPortal() {
      this.$router.push("/portal");
    }
  },
};
</script>

<style scoped>
#auth-img {
  position: fixed;
  top: 28vh;
  left: 15vw;
  width: 352px;
  height: 300px;
  cursor: pointer;
}

#auth-card {
  float: right;
  position: relative;
  top: 20vh;
  right: 15vw;
  padding-bottom: 50px;
}
</style>