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:
@@ -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 样式 */
|
||||
|
||||
Reference in New Issue
Block a user