|
|
|
@ -1,14 +1,14 @@ |
|
|
|
<template> |
|
|
|
<div |
|
|
|
:class="prefixCls" |
|
|
|
class="relative h-[100%] lt-xl:bg-[var(--login-bg-color)] lt-md:px-10px lt-sm:px-10px lt-xl:px-10px" |
|
|
|
:class="`${prefixCls} ${prefixCls}__left`" |
|
|
|
class="relative h-[100%] lt-md:px-10px lt-sm:px-10px lt-xl:px-10px" |
|
|
|
> |
|
|
|
<div class="relative mx-auto h-full flex"> |
|
|
|
<div |
|
|
|
:class="`${prefixCls}__left flex-1 bg-gray-500 bg-opacity-20 relative p-30px lt-xl:hidden`" |
|
|
|
:class="` flex-1 bg-opacity-20 relative p-30px lt-xl:hidden`" |
|
|
|
> |
|
|
|
<!-- 左上角的 logo + 系统标题 --> |
|
|
|
<div class="relative flex items-center text-white"> |
|
|
|
<div class="relative flex items-center "> |
|
|
|
<img alt="" class="mr-10px w-144px h-36px" src="@/assets/imgs/logo_white.png" /> |
|
|
|
<span class="text-20px font-bold">{{ underlineToHump(appStore.getTitle) }}</span> |
|
|
|
</div> |
|
|
|
@ -19,18 +19,18 @@ |
|
|
|
enter-active-class="animate__animated animate__bounceInLeft" |
|
|
|
tag="div" |
|
|
|
> |
|
|
|
<img key="1" alt="" class="w-350px" src="@/assets/svgs/login-box-bg.svg" /> |
|
|
|
<div key="2" class="text-3xl text-white">{{ t('login.welcome') }}</div> |
|
|
|
<!-- <img key="1" alt="" class="w-350px" src="@/assets/svgs/login-box-bg.svg" /> --> |
|
|
|
<!-- <div key="2" class="text-3xl text-white">{{ t('login.welcome') }}</div> --> |
|
|
|
<div key="3" class="mt-5 text-14px font-normal text-white"> |
|
|
|
{{ t('login.message') }} |
|
|
|
</div> |
|
|
|
</TransitionGroup> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="relative flex-1 p-30px dark:bg-[var(--login-bg-color)] lt-sm:p-10px"> |
|
|
|
<div class="relative flex-1 p-30px lt-sm:p-10px"> |
|
|
|
<!-- 右上角的主题、语言选择 --> |
|
|
|
<div |
|
|
|
class="flex items-center justify-between text-white at-2xl:justify-end at-xl:justify-end" |
|
|
|
class="flex items-center justify-between at-2xl:justify-end at-xl:justify-end" |
|
|
|
> |
|
|
|
<div class="flex items-center at-2xl:hidden at-xl:hidden"> |
|
|
|
<img alt="" class="mr-10px w-144px h-36px" src="@/assets/imgs/logo_white.png" /> |
|
|
|
@ -38,7 +38,7 @@ |
|
|
|
</div> |
|
|
|
<div class="flex items-center justify-end space-x-10px"> |
|
|
|
<!-- <ThemeSwitch /> --> |
|
|
|
<LocaleDropdown class="dark:text-white lt-xl:text-white" /> |
|
|
|
<LocaleDropdown class="dark:text-white " /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!-- 右边的登录界面 --> |
|
|
|
@ -94,11 +94,13 @@ $prefix-cls: #{$namespace}-login; |
|
|
|
z-index: -1; |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
background-image: url('@/assets/svgs/login-bg.svg'); |
|
|
|
// background-image: url('@/assets/svgs/login-bg.svg'); |
|
|
|
background-image: url('@/assets/imgs/login-bg.png'); |
|
|
|
background-position: center; |
|
|
|
background-repeat: no-repeat; |
|
|
|
content: ''; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
</style> |
|
|
|
|
