fix(projects): 修复登录页面跳转问题

This commit is contained in:
xlsea
2025-09-13 13:59:51 +08:00
parent 3f148a4e62
commit 8aeb73627a
2 changed files with 368 additions and 354 deletions

681
pnpm-lock.yaml generated

File diff suppressed because it is too large Load Diff

View File

@ -39,8 +39,7 @@ const activeModule = computed(() => moduleMap[props.module || 'pwd-login']);
</script> </script>
<template> <template>
<!-- Copyright By https://github.com/Daymychen/art-design-pro/blob/main/src/components/core/views/login/LoginLeftView.vue --> <div class="scroll box-border size-full flex">
<div class="box-border size-full flex">
<div class="relative box-border hidden h-full w-65vw overflow-hidden bg-primary-50 xl:block dark:bg-primary-900"> <div class="relative box-border hidden h-full w-65vw overflow-hidden bg-primary-50 xl:block dark:bg-primary-900">
<div class="relative z-100 flex items-center pl-30px pt-30px"> <div class="relative z-100 flex items-center pl-30px pt-30px">
<SystemLogo class="text-32px text-primary" /> <SystemLogo class="text-32px text-primary" />
@ -55,13 +54,13 @@ const activeModule = computed(() => moduleMap[props.module || 'pwd-login']);
</div> </div>
<WaveBg /> <WaveBg />
</div> </div>
<header class="relative h-full flex-1 xl:m-auto sm:!w-full"> <div class="relative h-full flex-1 xl:m-auto sm:!w-full">
<div class="relative z-100 block flex items-center pl-30px pt-30px xl:hidden"> <header class="flex-y-center justify-between px-30px pt-30px xl:justify-end">
<SystemLogo class="text-32px text-primary" /> <div class="relative z-100 block flex items-center xl:hidden">
<h3 class="ml-10px text-20px font-400">{{ $t('system.title') }}</h3> <SystemLogo class="text-32px text-primary" />
</div> <h3 class="ml-10px text-20px font-400">{{ $t('system.title') }}</h3>
<div class="position-fixed right-30px top-24px z-100 flex items-center justify-end"> </div>
<div class="ml-15px inline-block flex cursor-pointer select-none p-5px"> <div class="flex items-center justify-end">
<ThemeSchemaSwitch <ThemeSchemaSwitch
:theme-schema="themeStore.themeScheme" :theme-schema="themeStore.themeScheme"
:show-tooltip="false" :show-tooltip="false"
@ -77,14 +76,30 @@ const activeModule = computed(() => moduleMap[props.module || 'pwd-login']);
@change-lang="appStore.changeLocale" @change-lang="appStore.changeLocale"
/> />
</div> </div>
</div> </header>
<main class="absolute inset-0 m-auto h-630px max-w-450px w-full overflow-hidden rounded-5px bg-cover px-24px"> <main class="mt-10% max-w-450px w-full rounded-5px bg-cover px-24px xl:absolute xl:m-auto">
<Transition :name="themeStore.page.animateMode" mode="out-in" appear> <Transition :name="themeStore.page.animateMode" mode="out-in" appear>
<component :is="activeModule.component" /> <component :is="activeModule.component" />
</Transition> </Transition>
</main> </main>
</header> </div>
</div> </div>
</template> </template>
<style scoped></style> <style scoped>
.scroll {
overflow: auto;
}
.scroll::-webkit-scrollbar {
display: none;
}
.scroll {
-ms-overflow-style: none;
}
.scroll {
scrollbar-width: none;
}
</style>