mirror of
https://github.com/m-xlsea/ruoyi-plus-soybean.git
synced 2025-09-23 23:39:47 +08:00
fix(projects): 修复登录页面跳转问题
This commit is contained in:
681
pnpm-lock.yaml
generated
681
pnpm-lock.yaml
generated
File diff suppressed because it is too large
Load Diff
@ -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>
|
||||||
|
Reference in New Issue
Block a user