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" class="aside"
> >
<div class="aside-logo"> <div class="aside-logo">
<div class="logo-icon"><img src="/logo.png" alt="logo" /></div>
<div class="logo-text">{{ roleLabel }}</div> <div class="logo-text">{{ roleLabel }}</div>
<div class="logo-sub">BAHIM 工作台</div>
</div> </div>
<el-menu :default-active="route.path" router class="aside-menu"> <el-menu :default-active="route.path" router class="aside-menu">
<template v-for="m in menu" :key="m.path"> <template v-for="m in menu" :key="m.path">
@@ -233,9 +233,31 @@ const onCommand = (cmd) => { if (cmd === 'logout') logout() }
<style scoped> <style scoped>
.admin-layout { height: 100vh; } .admin-layout { height: 100vh; }
.aside { background: #001529; color: #fff; } .aside { background: #001529; color: #fff; }
.aside-logo { padding: 16px; text-align: center; border-bottom: 1px solid var(--brand-primary-darker); } .aside-logo {
.logo-text { color: #fff; font-size: 16px; font-weight: 600; } padding: 20px 16px 16px;
.logo-sub { color: #8a99b3; font-size: 12px; } 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; } .aside-menu { background: #001529; border: none; }
/* 一级菜单 + 二级父标题: 统一默认/hover/active 样式 */ /* 一级菜单 + 二级父标题: 统一默认/hover/active 样式 */