| | |
|---|
| | | <script lang="ts" setup> |
|---|
| | | import { computed } from 'vue'; |
|---|
| | | import { useRoute } from 'vue-router'; |
|---|
| | | |
|---|
| | | import { AuthPageLayout } from '@vben/layouts'; |
|---|
| | | import { preferences } from '@vben/preferences'; |
|---|
| | | |
|---|
| | | import { $t } from '#/locales'; |
|---|
| | | |
|---|
| | | declare const __APP_LOGO__: string; |
|---|
| | | |
|---|
| | | const appName = computed(() => preferences.app.name); |
|---|
| | | const logo = computed(() => __APP_LOGO__ || preferences.logo.source); |
|---|
| | | const logoDark = computed(() => preferences.logo.sourceDark); |
|---|
| | | const route = useRoute(); |
|---|
| | | const isLogin = computed(() => route.name === 'Login'); |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <template> |
|---|
| | | <RouterView v-if="isLogin" /> |
|---|
| | | <AuthPageLayout |
|---|
| | | :app-name="appName" |
|---|
| | | :logo="logo" |
|---|
| | | :logo-dark="logoDark" |
|---|
| | | v-else |
|---|
| | | :page-description="$t('authentication.pageDesc')" |
|---|
| | | :page-title="$t('authentication.pageTitle')" |
|---|
| | | > |
|---|
| | | <!-- 自定义工具栏 --> |
|---|
| | | <!-- <template #toolbar></template> --> |
|---|
| | | </AuthPageLayout> |
|---|
| | | </template> |
|---|
| | | </template> |
|---|
