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