mirror of https://github.com/halo-dev/halo
refactor: layout of reset password page (#5960)
#### What type of PR is this? /area ui /kind improvement /milestone 2.16.x #### What this PR does / why we need it: 让 UC 端的重置密码页面使用和登录相关页面一样的 GatewayLayout 布局组件。 #### Does this PR introduce a user-facing change? ```release-note None ```pull/5975/head
parent
99eae2f31b
commit
a8fb28a105
|
@ -2,7 +2,7 @@ import type { RouteRecordRaw } from "vue-router";
|
||||||
import NotFound from "@/views/exceptions/NotFound.vue";
|
import NotFound from "@/views/exceptions/NotFound.vue";
|
||||||
import Forbidden from "@/views/exceptions/Forbidden.vue";
|
import Forbidden from "@/views/exceptions/Forbidden.vue";
|
||||||
import BasicLayout from "@console/layouts/BasicLayout.vue";
|
import BasicLayout from "@console/layouts/BasicLayout.vue";
|
||||||
import GatewayLayout from "@console/layouts/GatewayLayout.vue";
|
import GatewayLayout from "@/layouts/GatewayLayout.vue";
|
||||||
import Setup from "@console/views/system/Setup.vue";
|
import Setup from "@console/views/system/Setup.vue";
|
||||||
import Redirect from "@console/views/system/Redirect.vue";
|
import Redirect from "@console/views/system/Redirect.vue";
|
||||||
import SetupInitialData from "@console/views/system/SetupInitialData.vue";
|
import SetupInitialData from "@console/views/system/SetupInitialData.vue";
|
||||||
|
|
|
@ -3,6 +3,7 @@ import NotFound from "@/views/exceptions/NotFound.vue";
|
||||||
import Forbidden from "@/views/exceptions/Forbidden.vue";
|
import Forbidden from "@/views/exceptions/Forbidden.vue";
|
||||||
import BasicLayout from "@uc/layouts/BasicLayout.vue";
|
import BasicLayout from "@uc/layouts/BasicLayout.vue";
|
||||||
import ResetPassword from "@uc/views/ResetPassword.vue";
|
import ResetPassword from "@uc/views/ResetPassword.vue";
|
||||||
|
import GatewayLayout from "@/layouts/GatewayLayout.vue";
|
||||||
|
|
||||||
export const routes: Array<RouteRecordRaw> = [
|
export const routes: Array<RouteRecordRaw> = [
|
||||||
{
|
{
|
||||||
|
@ -23,12 +24,18 @@ export const routes: Array<RouteRecordRaw> = [
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
path: "/reset-password/:username",
|
path: "/reset-password/:username",
|
||||||
component: ResetPassword,
|
component: GatewayLayout,
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
path: "",
|
||||||
name: "ResetPassword",
|
name: "ResetPassword",
|
||||||
|
component: ResetPassword,
|
||||||
meta: {
|
meta: {
|
||||||
title: "core.uc_reset_password.title",
|
title: "core.uc_reset_password.title",
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
export default routes;
|
export default routes;
|
||||||
|
|
|
@ -4,7 +4,6 @@ import { Toast, VButton } from "@halo-dev/components";
|
||||||
import { useRouteParams, useRouteQuery } from "@vueuse/router";
|
import { useRouteParams, useRouteQuery } from "@vueuse/router";
|
||||||
import { ref } from "vue";
|
import { ref } from "vue";
|
||||||
import { useI18n } from "vue-i18n";
|
import { useI18n } from "vue-i18n";
|
||||||
import IconLogo from "~icons/core/logo?width=5rem&height=2rem";
|
|
||||||
|
|
||||||
const { t } = useI18n();
|
const { t } = useI18n();
|
||||||
|
|
||||||
|
@ -46,10 +45,6 @@ const inputClasses = {
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div
|
|
||||||
class="flex h-screen flex-col items-center overflow-auto bg-white/90 pt-[30vh]"
|
|
||||||
>
|
|
||||||
<IconLogo class="mb-8 flex-none" />
|
|
||||||
<div class="flex w-72 flex-col">
|
<div class="flex w-72 flex-col">
|
||||||
<FormKit
|
<FormKit
|
||||||
id="reset-password-form"
|
id="reset-password-form"
|
||||||
|
@ -110,5 +105,4 @@ const inputClasses = {
|
||||||
{{ $t("core.uc_reset_password.operations.reset.button") }}
|
{{ $t("core.uc_reset_password.operations.reset.button") }}
|
||||||
</VButton>
|
</VButton>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
Loading…
Reference in New Issue