|
|
@ -12,22 +12,22 @@ |
|
|
|
<span class="-enter-x xl:hidden"> |
|
|
|
<AppLogo :alwaysShowTitle="true" /> |
|
|
|
</span> |
|
|
|
|
|
|
|
<div class="container relative h-full py-2 mx-auto sm:px-10"> |
|
|
|
<div class="flex h-full"> |
|
|
|
<div class="hidden min-h-full pl-4 mr-4 xl:flex xl:flex-col xl:w-6/12"> |
|
|
|
<AppLogo class="-enter-x" /> |
|
|
|
<!-- <AppLogo class="-enter-x" /> --> |
|
|
|
<img src="../../../assets/images/logomini.png" class="w-8/12 mt-20 mx-auto" /> |
|
|
|
<div class="my-auto"> |
|
|
|
<img |
|
|
|
:alt="title" |
|
|
|
src="../../../assets/svg/login-box-bg.svg" |
|
|
|
class="w-1/2 -mt-16 -enter-x" |
|
|
|
/> |
|
|
|
<img :alt="title" src="../../../assets/svg/login-box-bg.png" class="w-full mx-auto" /> |
|
|
|
<div class="mt-10 font-medium text-white -enter-x"> |
|
|
|
<span class="inline-block mt-4 text-3xl"> {{ t('sys.login.signInTitle') }}</span> |
|
|
|
<!-- <span class="inline-block mt-4 text-3xl"> {{ t('sys.login.signInTitle') }}</span> --> |
|
|
|
<span class="inline-block mt-4 text-3xl">AI辅助方案审核系统</span> |
|
|
|
</div> |
|
|
|
<div class="mt-5 font-normal text-white dark:text-gray-500 -enter-x"> |
|
|
|
<!-- <div class="mt-5 font-normal text-white dark:text-gray-500 -enter-x"> |
|
|
|
{{ t('sys.login.signInDesc') }} |
|
|
|
</div> --> |
|
|
|
<div class="mt-5 font-normal text-white dark:text-gray-500 -enter-x"> |
|
|
|
欢迎使用本系统 |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@ -51,7 +51,7 @@ |
|
|
|
import { AppDarkModeToggle, AppLocalePicker, AppLogo } from '@/components/Application'; |
|
|
|
import { useGlobSetting } from '@/hooks/setting'; |
|
|
|
import { useDesign } from '@/hooks/web/useDesign'; |
|
|
|
import { useI18n } from '@/hooks/web/useI18n'; |
|
|
|
// import { useI18n } from '@/hooks/web/useI18n'; |
|
|
|
import { useLocaleStore } from '@/store/modules/locale'; |
|
|
|
import { computed } from 'vue'; |
|
|
|
import ForgetPasswordForm from './ForgetPasswordForm.vue'; |
|
|
@ -68,7 +68,7 @@ |
|
|
|
|
|
|
|
const globSetting = useGlobSetting(); |
|
|
|
const { prefixCls } = useDesign('login'); |
|
|
|
const { t } = useI18n(); |
|
|
|
// const { t } = useI18n(); |
|
|
|
const localeStore = useLocaleStore(); |
|
|
|
const showLocale = localeStore.getShowPicker; |
|
|
|
const title = computed(() => globSetting?.title ?? ''); |
|
|
@ -141,7 +141,8 @@ |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
margin-left: -48%; |
|
|
|
background-image: url('@/assets/svg/login-bg.svg'); |
|
|
|
// background-image: url('@/assets/svg/login-bg.svg'); |
|
|
|
background-image: url('@/assets/svg/login-bg.png'); |
|
|
|
background-repeat: no-repeat; |
|
|
|
background-position: 100%; |
|
|
|
background-size: auto 100%; |
|
|
|