From 7674a4144ba793196607578f8a57771d6beb22c7 Mon Sep 17 00:00:00 2001 From: zhangwei <1504152376@qq.com> Date: 星期四, 05 六月 2025 17:09:27 +0800 Subject: [PATCH] - --- Web/src/layout/logo/index.vue | 24 ++++++++++++++---------- 1 files changed, 14 insertions(+), 10 deletions(-) diff --git a/Web/src/layout/logo/index.vue b/Web/src/layout/logo/index.vue index ffcfaac..bf03ff5 100644 --- a/Web/src/layout/logo/index.vue +++ b/Web/src/layout/logo/index.vue @@ -1,11 +1,11 @@ <template> - <div class="layout-logo" v-if="setShowLogo" @click="onThemeConfigChange"> - <img :src="themeConfig.logoUrl" class="layout-logo-medium-img" v-if="showLogo" /> - <span>{{ themeConfig.globalTitle }}</span> - </div> - <div class="layout-logo-size" v-else @click="onThemeConfigChange"> - <img :src="themeConfig.logoUrl" class="layout-logo-size-img" /> - </div> + <div class="layout-logo" v-if="setShowLogo" @click="onThemeConfigChange"> + <img :src="themeConfig.logoUrl" class="layout-logo-medium-img" v-if="showLogo" /> + <span>{{ themeConfig.globalTitle }}</span> + </div> + <div class="layout-logo-size" v-else @click="onThemeConfigChange"> + <img :src="themeConfig.logoUrl" class="layout-logo-size-img" /> + </div> </template> <script setup lang="ts" name="layoutLogo"> @@ -40,7 +40,7 @@ height: 50px; display: flex; align-items: center; - margin-left: 15px; + margin-left: 15px; box-shadow: rgb(0 21 41 / 2%) 0px 1px 4px; color: var(--el-color-primary); font-size: 16px; @@ -50,7 +50,11 @@ white-space: nowrap; display: inline-block; font-weight: 800; - font-size: 18px; + font-size: 14px; + text-align: center; + width: 130px; + white-space: normal; + word-wrap: break-word; } &:hover { span { @@ -60,7 +64,7 @@ &-medium-img { width: 12%; margin-right: 5px; - padding:3px; + padding: 3px; } } .layout-logo-size { -- Gitblit v1.9.1