Files
tougao_web/src/components/page/thanks.vue
wangjinlei 3c2f2de6de 12
2020-11-06 16:55:29 +08:00

78 lines
1.7 KiB
Vue

<template>
<div class="thankscontian">
<div class="msg_box">
<h3>Thank you for applying for our reviewer</h3>
<el-divider></el-divider>
<p>
We will process your request as soon as possible. The result of the request will be sent to your email address in the form of email. Please check it carefully
</p>
<el-divider></el-divider>
<div class="footer">
<el-link class="goregister" type="primary" @click="goregister">Go register</el-link>
</div>
<div class="footer">
<el-link class="gologin" type="primary" @click="gologin">Go log in</el-link>
</div>
</div>
</div>
</template>
<script>
export default {
data(){
return {
mydate:''
}
},
methods: {
goregister(){
this.$router.push('/register');
},
gologin(){
this.$router.push('/login');
}
},
}
</script>
<style scoped>
.thankscontian{
position: relative;
width: 100%;
height: 100%;
background-image: url(../../assets/img/login-bg.jpg);
background-size: 100%;
}
.msg_box{
position: absolute;
left: 50%;
top: 50%;
width: 500px;
margin: -190px 0 0 -175px;
border-radius: 5px;
background: rgba(255, 255, 255, 0.5);
}
h3{
text-align: center;
margin: 15px 0;
color: rgb(19, 27, 21);
}
p{
text-indent:2em;
padding:20px 10px;
}
.goregister{
float: left;
font-size: 18px;
margin-left: 30px;
padding-bottom: 20px;
}
.gologin{
float: right;
font-size: 18px;
margin-right: 30px;
padding-bottom: 20px;
}
</style>