liuwei_x_x/abot
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

codex 试用，美化

Browse Source
This commit is contained in:
liuwei
2026-02-26 14:38:33 +08:00
parent db58bec317
commit b93c171d36
1 changed files with 38 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
admin/dashboard/templates/base.html
View File

@@ -98,30 +98,56 @@
------------------------------ */ ------------------------------ */
.sidebar { .sidebar {
width: 190px; width: 190px;
background: #fafafa; background: #0b1d33;
border-right: 1px solid #e5e6eb; border-right: 1px solid #0f2a4a;
box-shadow: 2px 0 4px rgba(0,0,0,0.03); box-shadow: 4px 0 14px rgba(0, 163, 255, 0.12);
} }
/* Element 菜单自定义美化 */ /* Element 菜单自定义美化 */
.el-menu { .el-menu {
border-right: none !important; border-right: none !important;
background: transparent !important;
padding: 6px 6px !important;
} }
.el-menu-item { .el-menu-item {
height: 46px !important; height: 46px !important;
line-height: 46px !important; line-height: 46px !important;
margin: 2px 4px !important; margin: 4px 2px !important;
border-radius: 0 !important; border-radius: 6px !important;
transition: 0.2s !important; color: #cfe6ff !important;
transition: background 0.2s ease, box-shadow 0.2s ease, color 0.2s ease !important;
position: relative;
} }
.el-menu-item:hover { .el-menu-item:hover {
background: #e5e6eb55 !important; background: rgba(60, 203, 255, 0.12) !important;
color: #e9f6ff !important;
} }
.el-menu-item.is-active { .el-menu-item.is-active {
background: #e3e6ff !important; background: rgba(60, 203, 255, 0.18) !important;
color: #2f54eb !important; color: #5bd3ff !important;
font-weight: 600; font-weight: 600;
box-shadow: inset 0 0 0 1px rgba(91, 211, 255, 0.35),
0 0 10px rgba(91, 211, 255, 0.25);
}
.el-menu-item.is-active::before {
content: "";
position: absolute;
left: 0;
top: 10px;
bottom: 10px;
width: 3px;
background: #5bd3ff;
box-shadow: 0 0 10px rgba(91, 211, 255, 0.6);
border-radius: 2px;
}
.el-menu-item i {
color: #8db7e6 !important;
margin-right: 6px;
}
.el-menu-item.is-active i,
.el-menu-item:hover i {
color: #5bd3ff !important;
} }
/* ------------------------------ /* ------------------------------
@@ -199,9 +225,9 @@
<div class="sidebar"> <div class="sidebar">
<el-menu <el-menu
:default-active="currentView" :default-active="currentView"
background-color="#fafafa" background-color="#0b1d33"
text-color="#555" text-color="#cfe6ff"
active-text-color="#2f54eb" active-text-color="#5bd3ff"
@select="handleSelect"> @select="handleSelect">
<el-menu-item index="1"><i class="el-icon-s-home"></i> 首页概览</el-menu-item> <el-menu-item index="1"><i class="el-icon-s-home"></i> 首页概览</el-menu-item>