From a4ee6ba0ca28833cbbb8cf0e675561b10fa4c1af Mon Sep 17 00:00:00 2001
From: Ben Lin <maobin001@msn.com>
Date: 星期四, 12 九月 2024 01:23:40 +0800
Subject: [PATCH] 规则维护更新
---
src/components/Application/src/AppLogo.vue | 40 +++++++++++++++++++++-------------------
1 files changed, 21 insertions(+), 19 deletions(-)
diff --git a/src/components/Application/src/AppLogo.vue b/src/components/Application/src/AppLogo.vue
index 0a9def5..ab973ca 100644
--- a/src/components/Application/src/AppLogo.vue
+++ b/src/components/Application/src/AppLogo.vue
@@ -1,28 +1,31 @@
<!--
+ * @Description: file content
+ * @Author: Vben
+ * @version:
+ * @Date: 2024-06-17 14:51:25
+ * @LastEditors: Ben Lin
+ * @LastEditTime: 2024-07-19 17:12:04
+-->
+<!--
* @Author: Vben
* @Description: logo component
-->
<template>
<div class="anticon" :class="getAppLogoClass" @click="goHome">
- <img src="../../../assets/images/logo.png" />
- <!-- <div class="ml-2 truncate md:opacity-100 text-3xl" :class="getTitleClass" v-show="showTitle">
+ <img :src="logoUrl" />
+ <div class="ml-2 truncate md:opacity-100" :class="getTitleClass" v-show="showTitle">
{{ title }}
</div>
- <div class="ml-2 truncate md:opacity-100 text-3xl" :class="getTitleClass" v-show="showTitle">
- {{t('')}}
- </div> -->
</div>
</template>
<script lang="ts" setup>
- import { computed, unref } from 'vue';
- import { useI18n } from '/@/hooks/web/useI18n';
- import { useGlobSetting } from '/@/hooks/setting';
- import { useGo } from '/@/hooks/web/usePage';
- import { useMenuSetting } from '/@/hooks/setting/useMenuSetting';
- import { useDesign } from '/@/hooks/web/useDesign';
- import { PageEnum } from '/@/enums/pageEnum';
- import { useUserStore } from '/@/store/modules/user';
-
+ import { computed, ref, unref } from 'vue';
+ import { useGlobSetting } from '@/hooks/setting';
+ import { useGo } from '@/hooks/web/usePage';
+ import { useMenuSetting } from '@/hooks/setting/useMenuSetting';
+ import { useDesign } from '@/hooks/web/useDesign';
+ import { PageEnum } from '@/enums/pageEnum';
+ import { useUserStore } from '@/store/modules/user';
const props = defineProps({
/**
@@ -32,7 +35,7 @@
/**
* Whether to show title
*/
- showTitle: { type: Boolean, default: true },
+ showTitle: { type: Boolean, default: false },
/**
* The title is also displayed when the menu is collapsed
*/
@@ -42,8 +45,8 @@
const { prefixCls } = useDesign('app-logo');
const { getCollapsedShowTitle } = useMenuSetting();
const userStore = useUserStore();
- const { title } = useGlobSetting();
- const { t } = useI18n();
+ const { title, systemType, downloadUrl } = useGlobSetting();
+ const logoUrl = ref(`${downloadUrl}\\${systemType}-logo.png`)
const go = useGo();
const getAppLogoClass = computed(() => [
@@ -87,12 +90,11 @@
&.dark &__title {
color: @white;
- font-size: 16px;
}
&__title {
transition: all 0.5s;
- // font-size: 16px;
+ font-size: 16px;
font-weight: 700;
line-height: normal;
}
--
Gitblit v1.9.3