From 896d6b7d1962ccd56ce1e30ccc6b68bf2e54b05c Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期三, 08 四月 2026 11:36:20 +0800
Subject: [PATCH] 1.样式修改
---
src/layout/components/Sidebar/Logo.vue | 44 +++++++++++++++++++++++++++++---------------
1 files changed, 29 insertions(+), 15 deletions(-)
diff --git a/src/layout/components/Sidebar/Logo.vue b/src/layout/components/Sidebar/Logo.vue
index bdb0daa..cc193d4 100644
--- a/src/layout/components/Sidebar/Logo.vue
+++ b/src/layout/components/Sidebar/Logo.vue
@@ -3,11 +3,11 @@
<transition name="sidebarLogoFade">
<router-link v-if="collapse" key="collapse" class="sidebar-logo-link" to="/">
<img v-if="logoUrl" :src="logoUrl" class="sidebar-logo" @error="handleImageError" alt="鍏徃Logo" />
- <h1 v-else class="sidebar-title">{{ title }}</h1>
+ <h1 v-if="!logoUrl" class="sidebar-title">{{ title }}</h1>
</router-link>
<router-link v-else key="expand" class="sidebar-logo-link" to="/">
<img v-if="logoUrl" :src="logoUrl" class="sidebar-logo" @error="handleImageError" alt="鍏徃Logo" />
- <h1 v-else class="sidebar-title">{{ title }}</h1>
+ <h1 v-if="!logoUrl" class="sidebar-title">{{ title }}</h1>
</router-link>
</transition>
</div>
@@ -16,7 +16,7 @@
<script setup>
import { ref, computed, onMounted, watch } from 'vue'
import useUserStore from '@/store/modules/user'
-import defaultLogo from '@/assets/indexViews/ZQHXLogo.png' // 瀵煎叆榛樿logo
+import defaultLogo from '@/assets/logo/logo.png' // 瀵煎叆榛樿logo
defineProps({
collapse: {
@@ -90,40 +90,54 @@
.sidebar-logo-container {
position: relative;
width: 100% !important;
- height: 50px !important;
- line-height: 50px;
- background: #fff;
+ height: 56px !important;
+ line-height: 56px;
+ background: rgba(255, 255, 255, 0.78);
+ border: 1px solid var(--surface-border);
+ border-radius: 0 22px 22px 0;
text-align: center;
overflow: hidden;
+ box-shadow: var(--shadow-sm);
& .sidebar-logo-link {
height: 100%;
width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding: 0 18px 0 14px;
& .sidebar-logo {
- width: 100%;
- height: 100%;
- // height: 32px;
+ width: auto;
+ max-width: 250px;
+ max-height: 50px;
+ height: auto;
vertical-align: middle;
- margin-right: 12px;
+ object-fit: contain;
+ object-position: center;
}
& .sidebar-title {
display: inline-block;
margin: 0;
- color: v-bind(getLogoTextColor);
+ color: var(--text-primary);
font-weight: 600;
- line-height: 50px;
+ line-height: 1.2;
font-size: 14px;
- font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
+ font-family: "Segoe UI", "PingFang SC", sans-serif;
vertical-align: middle;
}
}
&.collapse {
+ .sidebar-logo-link {
+ padding: 0;
+ }
+
.sidebar-logo {
- margin-right: 0px;
+ max-width: 30px;
+ max-height: 30px;
}
}
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.9.3