style(layout): 侧栏 logo 占位符 '医' 换成 logo.png 图片

- aside-logo 内 <div class='logo-icon'> 字符占位符 → <img src='/logo.png'>
- .logo-icon 改成 img 容器样式 (44x44, object-fit: contain)
- 删 logo-sub 'BAHIM 工作台' (与角色名重复)
- 浏览器 favicon 保持 logo.png (上一 commit)
This commit is contained in:
郭庆泰
2026-08-22 20:50:43 +08:00
parent 93133c2707
commit 5b54e84c4d
+26 -4
View File
@@ -6,8 +6,8 @@
class="aside"
>
<div class="aside-logo">
<div class="logo-icon"><img src="/logo.png" alt="logo" /></div>
<div class="logo-text">{{ roleLabel }}</div>
<div class="logo-sub">BAHIM 工作台</div>
</div>
<el-menu :default-active="route.path" router class="aside-menu">
<template v-for="m in menu" :key="m.path">
@@ -233,9 +233,31 @@ const onCommand = (cmd) => { if (cmd === 'logout') logout() }
<style scoped>
.admin-layout { height: 100vh; }
.aside { background: #001529; color: #fff; }
.aside-logo { padding: 16px; text-align: center; border-bottom: 1px solid var(--brand-primary-darker); }
.logo-text { color: #fff; font-size: 16px; font-weight: 600; }
.logo-sub { color: #8a99b3; font-size: 12px; }
.aside-logo {
padding: 20px 16px 16px;
text-align: center;
border-bottom: 1px solid var(--brand-primary-darker);
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
}
.logo-icon {
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
overflow: hidden;
}
.logo-icon img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}
.logo-text { color: #fff; font-size: 14px; font-weight: 600; }
.aside-menu { background: #001529; border: none; }
/* 一级菜单 + 二级父标题: 统一默认/hover/active 样式 */