| | |
| | | <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" /> |
| | | <div class="my-auto"> |
| | | <!-- <img |
| | | :alt="title" |
| | |
| | | </div> |
| | | </template> |
| | | <script lang="ts" setup> |
| | | import { computed } from 'vue'; |
| | | import { AppLogo } from '/@/components/Application'; |
| | | import { AppLocalePicker } from '/@/components/Application'; |
| | | import { computed, getCurrentInstance } from 'vue'; |
| | | import { AppLogo, AppLocalePicker } from '/@/components/Application'; |
| | | import LoginForm from './LoginForm.vue'; |
| | | import ForgetPasswordForm from './ForgetPasswordForm.vue'; |
| | | import { useGlobSetting } from '/@/hooks/setting'; |
| | |
| | | type: Boolean, |
| | | }, |
| | | }); |
| | | |
| | | const { appContext } = getCurrentInstance(); |
| | | const globSetting = useGlobSetting(); |
| | | const { prefixCls } = useDesign('login'); |
| | | const { t } = useI18n(); |
| | | const localeStore = useLocaleStore(); |
| | | const showLocale = localeStore.getShowPicker; |
| | | const title = computed(() => globSetting?.title ?? ''); |
| | | const name = appContext.config.globalProperties.name; |
| | | </script> |
| | | <style lang="less"> |
| | | @prefix-cls: ~'@{namespace}-login'; |
| | |
| | | .@{logo-prefix-cls} { |
| | | position: absolute; |
| | | // top: 12px; |
| | | top:69px; |
| | | top: 69px; |
| | | height: 30px; |
| | | |
| | | &__title { |
| | |
| | | &__title { |
| | | // font-size: 24px; |
| | | // color: #fff; |
| | | color:red; |
| | | color: red; |
| | | text-shadow: 1px 1px 1px #fff; |
| | | } |
| | | |
| | | img { |
| | | width:280px; //48px; |
| | | width: 280px; //48px; |
| | | } |
| | | } |
| | | } |