123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108 |
- <template>
- <div class="register-success">
- <div class="register-success-content">
- <div class="register-success-content__icon">
- <div class="icon-circle">
- <img src="/register/success.png" />
- </div>
- </div>
- <div class="register-success-content__tip">
- <div class="tip-title">{{ L["register"]["注册成功"] }}</div>
- <div class="tip-content">
- {{ L["register"]["您已注册成功, 5s内跳转到登录页"] }}
- </div>
- <div class="line"></div>
- <div class="login-button">
- <el-button size="large" @click="goLogin">{{
- L["register"]["立即登录"]
- }}</el-button>
- </div>
- </div>
- </div>
- </div>
- </template>
- <script setup>
- import { getCurLanguage } from "@/composables/common.js";
- import { useRouter } from "vue-router";
- const L = getCurLanguage();
- const router = useRouter();
- const goLogin = () => {
- router.replace({
- path: "/login",
- });
- };
- setTimeout(() => {
- goLogin()
- }, 5000)
- </script>
- <style lang="scss" scoped>
- .register-success {
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- height: 386px;
- padding: 0 20px;
- &-content {
- width: 240px;
- height: 150px;
- display: flex;
- &__icon {
- margin-right: 15px;
- .icon-circle {
- display: flex;
- justify-content: center;
- align-items: center;
- width: 40px;
- height: 40px;
- border-radius: 100%;
- background-color: $colorMain;
- img {
- width: 20px;
- }
- }
- }
- &__tip {
- display: flex;
- flex-direction: column;
- .tip-title {
- font-size: 25px;
- }
- .tip-content {
- font-size: 12px;
- color: #85899e;
- margin-top: 10px;
- }
- .line {
- width: 200px;
- height: 0px;
- border: 0.5px solid #dcdfe6;
- margin: 30px 0;
- }
- .login-button {
- // margin-top: 10px;
- .el-button {
- background-color: $colorMain;
- color: #fff;
- }
- }
- }
- }
- }
- </style>
|