From 7d26ed0e19bf952e7c037b21bfd687759b46e851 Mon Sep 17 00:00:00 2001
From: Ben Lin <maobin001@msn.com>
Date: 星期二, 25 六月 2024 19:21:33 +0800
Subject: [PATCH] 菜单更新
---
src/components/Application/src/AppLogo.vue | 33 +++++++++++++++++----------------
1 files changed, 17 insertions(+), 16 deletions(-)
diff --git a/src/components/Application/src/AppLogo.vue b/src/components/Application/src/AppLogo.vue
index 0a9def5..a2905e5 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-06-19 09:51:00
+-->
+<!--
* @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">
+ <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 { 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
*/
@@ -43,7 +46,6 @@
const { getCollapsedShowTitle } = useMenuSetting();
const userStore = useUserStore();
const { title } = useGlobSetting();
- const { t } = useI18n();
const go = useGo();
const getAppLogoClass = computed(() => [
@@ -87,12 +89,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