12

src/components/page/thanks.vue

@@ -0,0 +1,78 @@
+<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>