| | |
| | | * @version: |
| | | * @Date: 2024-06-17 14:51:25 |
| | | * @LastEditors: Ben Lin |
| | | * @LastEditTime: 2024-06-19 09:51:43 |
| | | * @LastEditTime: 2024-07-19 17:11:43 |
| | | --> |
| | | <template> |
| | | <div class="anticon" :class="getAppLogoClass" @click="goHome"> |
| | | <img src="../../../assets/images/loginlogo.png" /> |
| | | <img :src="loginLogoUrl" /> |
| | | <div class="ml-2 truncate md:opacity-100" :class="getTitleClass" v-show="showTitle"> |
| | | {{ title }} |
| | | </div> |
| | | </div> |
| | | </template> |
| | | <script lang="ts" setup> |
| | | import { computed, unref } from 'vue'; |
| | | import { computed, ref, unref } from 'vue'; |
| | | import { useGlobSetting } from '@/hooks/setting'; |
| | | import { useGo } from '@/hooks/web/usePage'; |
| | | import { useMenuSetting } from '@/hooks/setting/useMenuSetting'; |
| | |
| | | const { prefixCls } = useDesign('app-logo'); |
| | | const { getCollapsedShowTitle } = useMenuSetting(); |
| | | const userStore = useUserStore(); |
| | | const { title } = useGlobSetting(); |
| | | const { title, systemType, downloadUrl } = useGlobSetting(); |
| | | const loginLogoUrl = ref(`${downloadUrl}\\${systemType}-loginlogo.png`) |
| | | const go = useGo(); |
| | | |
| | | const getAppLogoClass = computed(() => [ |