linbin
/
dm-design
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

综述: 优化平台端web界面样式和功能模块 

- 调整了body字体族和大小，增加了颜色定义，提升界面一致性
- 优化了菜单项和子菜单项的样式，包括背景色、字体大小和过渡效果
- 改进了头部样式，包括边框颜色和阴影效果
- 调整了菜单触发器颜色和面包屑导航的过渡效果
- 优化了用户信息区域的样式，包括圆角、过渡效果和悬停背景色
- 改进了标签页容器和标签项的样式，包括背景色、边框、字体大小和过渡效果
- 优化了内容区域的背景色、内边距和容器样式
- 移除了部分冗余的菜单项和子菜单项代码
- 调整了首页欢迎内容的样式，包括字体大小、颜色和间距
This commit is contained in:
linbin 2025-10-21 00:47:26 +08:00
parent db31d02151
commit f1df5b450b
1 changed files with 28 additions and 216 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

244
平台端web/index.html
View File

@ -12,8 +12,9 @@
} }
body { body {
font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 16px; font-size: 14px;
color: #333;
height: 100vh; height: 100vh;
overflow: hidden; overflow: hidden;
} }
@ -62,7 +63,7 @@
} }
.menu-item-link.active { .menu-item-link.active {
background-color: #1890ff; background-color: #40a9ff;
color: #fff; color: #fff;
} }
@ -116,9 +117,9 @@
padding: 12px 20px; padding: 12px 20px;
color: rgba(255, 255, 255, 0.7); color: rgba(255, 255, 255, 0.7);
text-decoration: none; text-decoration: none;
font-size: 13px; font-size: 14px;
cursor: pointer; cursor: pointer;
transition: all 0.2s; transition: all 0.3s;
} }
.submenu-item:hover { .submenu-item:hover {
@ -127,7 +128,7 @@
} }
.submenu-item.active { .submenu-item.active {
background-color: #1890ff; background-color: #40a9ff;
color: #fff; color: #fff;
} }
@ -143,12 +144,12 @@
.header { .header {
height: 64px; height: 64px;
background: #fff; background: #fff;
border-bottom: 1px solid #e8e8e8; border-bottom: 1px solid #f0f0f0;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
padding: 0 24px; padding: 0 24px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
} }
.header-left { .header-left {
@ -172,7 +173,7 @@
.menu-trigger { .menu-trigger {
content: ''; content: '';
height: 2px; height: 2px;
background: #666; background: #333;
border-radius: 1px; border-radius: 1px;
} }
@ -192,6 +193,7 @@
.breadcrumb-item { .breadcrumb-item {
color: #666; color: #666;
text-decoration: none; text-decoration: none;
transition: all 0.3s;
} }
.breadcrumb-item:hover { .breadcrumb-item:hover {
@ -200,7 +202,7 @@
.breadcrumb-separator { .breadcrumb-separator {
margin: 0 8px; margin: 0 8px;
color: #ccc; color: #ddd;
} }
.header-right { .header-right {
@ -212,13 +214,13 @@
display: flex; display: flex;
align-items: center; align-items: center;
padding: 8px 12px; padding: 8px 12px;
border-radius: 4px; border-radius: 6px;
cursor: pointer; cursor: pointer;
transition: background-color 0.2s; transition: all 0.3s;
} }
.user-info:hover { .user-info:hover {
background-color: #f5f5f5; background-color: #fafafa;
} }
.user-avatar { .user-avatar {
@ -238,7 +240,7 @@
.tabs-container { .tabs-container {
height: 48px; height: 48px;
background: #fff; background: #fff;
border-bottom: 1px solid #e8e8e8; border-bottom: 1px solid #f0f0f0;
display: flex; display: flex;
align-items: center; align-items: center;
padding: 0 16px; padding: 0 16px;
@ -249,14 +251,14 @@
display: flex; display: flex;
align-items: center; align-items: center;
padding: 8px 16px; padding: 8px 16px;
background: #f5f5f5; background: #fafafa;
border: 1px solid #d9d9d9; border: 1px solid #ddd;
border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
margin-right: 2px; margin-right: 2px;
cursor: pointer; cursor: pointer;
font-size: 13px; font-size: 14px;
white-space: nowrap; white-space: nowrap;
transition: all 0.2s; transition: all 0.3s;
position: relative; position: relative;
min-width: 120px; min-width: 120px;
justify-content: space-between; justify-content: space-between;
@ -280,7 +282,7 @@
.tab-close { .tab-close {
width: 16px; width: 16px;
height: 16px; height: 16px;
background: #ccc; background: #ddd;
border-radius: 50%; border-radius: 50%;
margin-left: 8px; margin-left: 8px;
cursor: pointer; cursor: pointer;
@ -290,7 +292,7 @@
font-size: 12px; font-size: 12px;
color: #fff; color: #fff;
opacity: 0.7; opacity: 0.7;
transition: all 0.2s; transition: all 0.3s;
} }
.tab-close:hover { .tab-close:hover {
@ -305,17 +307,17 @@
/* 内容区域 */ /* 内容区域 */
.content-area { .content-area {
flex: 1; flex: 1;
background: #f0f2f5; background: #f5f5f5;
padding: 24px; padding: 20px;
overflow-y: auto; overflow-y: auto;
} }
.content-container { .content-container {
background: #fff; background: #fff;
border-radius: 6px; border-radius: 8px;
padding: 24px; padding: 24px;
min-height: 400px; min-height: 400px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
} }
/* 响应式设计 */ /* 响应式设计 */
@ -363,76 +365,6 @@
<aside class="sidebar"> <aside class="sidebar">
<nav role="navigation"> <nav role="navigation">
<ul class="menu-list"> <ul class="menu-list">
<li class="menu-item">
<a href="#/dashboard" class="menu-item-link">
<span class="menu-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
<path fill="currentColor" d="M160 448a32 32 0 0 1-32-32V160.064a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V416a32 32 0 0 1-32 32zm448 0a32 32 0 0 1-32-32V160.064a32 32 0 0 1 32-32h255.936a32 32 0 0 1 32 32V416a32 32 0 0 1-32 32zM160 896a32 32 0 0 1-32-32V608a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32v256a32 32 0 0 1-32 32zm448 0a32 32 0 0 1-32-32V608a32 32 0 0 1 32-32h255.936a32 32 0 0 1 32 32v256a32 32 0 0 1-32 32z"></path>
</svg>
</span>
<span class="menu-text">首页</span>
</a>
</li>
<li class="menu-item">
<button class="menu-item-link" onclick="toggleSubmenu(this)">
<span class="menu-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
<path fill="currentColor" d="M160 448a32 32 0 0 1-32-32V160.064a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V416a32 32 0 0 1-32 32zm448 0a32 32 0 0 1-32-32V160.064a32 32 0 0 1 32-32h255.936a32 32 0 0 1 32 32V416a32 32 0 0 1-32 32zM160 896a32 32 0 0 1-32-32V608a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32v256a32 32 0 0 1-32 32zm448 0a32 32 0 0 1-32-32V608a32 32 0 0 1 32-32h255.936a32 32 0 0 1 32 32v256a32 32 0 0 1-32 32z"></path>
</svg>
</span>
<span class="menu-text">数据中心</span>
<span class="menu-arrow">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
<path fill="currentColor" d="M831.872 340.864 512 652.672 192.128 340.864a30.592 30.592 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.592 30.592 0 0 0-42.752 0z"></path>
</svg>
</span>
</button>
</li>
<li class="menu-item">
<button class="menu-item-link" onclick="toggleSubmenu(this)">
<span class="menu-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
<path fill="currentColor" d="M160 448a32 32 0 0 1-32-32V160.064a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V416a32 32 0 0 1-32 32zm448 0a32 32 0 0 1-32-32V160.064a32 32 0 0 1 32-32h255.936a32 32 0 0 1 32 32V416a32 32 0 0 1-32 32zM160 896a32 32 0 0 1-32-32V608a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32v256a32 32 0 0 1-32 32zm448 0a32 32 0 0 1-32-32V608a32 32 0 0 1 32-32h255.936a32 32 0 0 1 32 32v256a32 32 0 0 1-32 32z"></path>
</svg>
</span>
<span class="menu-text">运营管理</span>
<span class="menu-arrow">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
<path fill="currentColor" d="M831.872 340.864 512 652.672 192.128 340.864a30.592 30.592 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.592 30.592 0 0 0-42.752 0z"></path>
</svg>
</span>
</button>
</li>
<li class="menu-item">
<button class="menu-item-link" onclick="toggleSubmenu(this)">
<span class="menu-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
<path fill="currentColor" d="M160 448a32 32 0 0 1-32-32V160.064a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V416a32 32 0 0 1-32 32zm448 0a32 32 0 0 1-32-32V160.064a32 32 0 0 1 32-32h255.936a32 32 0 0 1 32 32V416a32 32 0 0 1-32 32zM160 896a32 32 0 0 1-32-32V608a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32v256a32 32 0 0 1-32 32zm448 0a32 32 0 0 1-32-32V608a32 32 0 0 1 32-32h255.936a32 32 0 0 1 32 32v256a32 32 0 0 1-32 32z"></path>
</svg>
</span>
<span class="menu-text">菜市场管理</span>
<span class="menu-arrow">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
<path fill="currentColor" d="M831.872 340.864 512 652.672 192.128 340.864a30.592 30.592 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.592 30.592 0 0 0-42.752 0z"></path>
</svg>
</span>
</button>
</li>
<li class="menu-item">
<button class="menu-item-link" onclick="toggleSubmenu(this)">
<span class="menu-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
<path fill="currentColor" d="M160 448a32 32 0 0 1-32-32V160.064a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V416a32 32 0 0 1-32 32zm448 0a32 32 0 0 1-32-32V160.064a32 32 0 0 1 32-32h255.936a32 32 0 0 1 32 32V416a32 32 0 0 1-32 32zM160 896a32 32 0 0 1-32-32V608a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32v256a32 32 0 0 1-32 32zm448 0a32 32 0 0 1-32-32V608a32 32 0 0 1 32-32h255.936a32 32 0 0 1 32 32v256a32 32 0 0 1-32 32z"></path>
</svg>
</span>
<span class="menu-text">云店管理</span>
<span class="menu-arrow">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
<path fill="currentColor" d="M831.872 340.864 512 652.672 192.128 340.864a30.592 30.592 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.592 30.592 0 0 0-42.752 0z"></path>
</svg>
</span>
</button>
</li>
<li class="menu-item"> <li class="menu-item">
<button class="menu-item-link" onclick="toggleSubmenu(this)"> <button class="menu-item-link" onclick="toggleSubmenu(this)">
<span class="menu-icon"> <span class="menu-icon">
@ -452,126 +384,6 @@
<a href="./权限管理/市场经营者创建.html" class="submenu-item" onclick="openTabWithIframe(this, '市场经营者创建')">市场经营者创建</a> <a href="./权限管理/市场经营者创建.html" class="submenu-item" onclick="openTabWithIframe(this, '市场经营者创建')">市场经营者创建</a>
</div> </div>
</li> </li>
<li class="menu-item">
<a href="#/brandManagement/brand" class="menu-item-link" onclick="openTab(this, '连锁品牌管理')">
<span class="menu-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
<path fill="currentColor" d="M160 448a32 32 0 0 1-32-32V160.064a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V416a32 32 0 0 1-32 32zm448 0a32 32 0 0 1-32-32V160.064a32 32 0 0 1 32-32h255.936a32 32 0 0 1 32 32V416a32 32 0 0 1-32 32zM160 896a32 32 0 0 1-32-32V608a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32v256a32 32 0 0 1-32 32zm448 0a32 32 0 0 1-32-32V608a32 32 0 0 1 32-32h255.936a32 32 0 0 1 32 32v256a32 32 0 0 1-32 32z"></path>
</svg>
</span>
<span class="menu-text">连锁品牌管理</span>
</a>
</li>
<li class="menu-item">
<a href="#/customerManagement/customer" class="menu-item-link" onclick="openTab(this, '预约回电管理')">
<span class="menu-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
<path fill="currentColor" d="M160 448a32 32 0 0 1-32-32V160.064a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V416a32 32 0 0 1-32 32zm448 0a32 32 0 0 1-32-32V160.064a32 32 0 0 1 32-32h255.936a32 32 0 0 1 32 32V416a32 32 0 0 1-32 32zM160 896a32 32 0 0 1-32-32V608a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32v256a32 32 0 0 1-32 32zm448 0a32 32 0 0 1-32-32V608a32 32 0 0 1 32-32h255.936a32 32 0 0 1 32 32v256a32 32 0 0 1-32 32z"></path>
</svg>
</span>
<span class="menu-text">预约回电管理</span>
</a>
</li>
<li class="menu-item">
<button class="menu-item-link" onclick="toggleSubmenu(this)">
<span class="menu-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
<path fill="currentColor" d="M160 448a32 32 0 0 1-32-32V160.064a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V416a32 32 0 0 1-32 32zm448 0a32 32 0 0 1-32-32V160.064a32 32 0 0 1 32-32h255.936a32 32 0 0 1 32 32V416a32 32 0 0 1-32 32zM160 896a32 32 0 0 1-32-32V608a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32v256a32 32 0 0 1-32 32zm448 0a32 32 0 0 1-32-32V608a32 32 0 0 1 32-32h255.936a32 32 0 0 1 32 32v256a32 32 0 0 1-32 32z"></path>
</svg>
</span>
<span class="menu-text">分销商管理</span>
<span class="menu-arrow">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
<path fill="currentColor" d="M831.872 340.864 512 652.672 192.128 340.864a30.592 30.592 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.592 30.592 0 0 0-42.752 0z"></path>
</svg>
</span>
</button>
</li>
<li class="menu-item">
<a href="#/agent/agent-review" class="menu-item-link" onclick="openTab(this, '代理商审核入驻管理')">
<span class="menu-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
<path fill="currentColor" d="M160 448a32 32 0 0 1-32-32V160.064a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V416a32 32 0 0 1-32 32zm448 0a32 32 0 0 1-32-32V160.064a32 32 0 0 1 32-32h255.936a32 32 0 0 1 32 32V416a32 32 0 0 1-32 32zM160 896a32 32 0 0 1-32-32V608a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32v256a32 32 0 0 1-32 32zm448 0a32 32 0 0 1-32-32V608a32 32 0 0 1 32-32h255.936a32 32 0 0 1 32 32v256a32 32 0 0 1-32 32z"></path>
</svg>
</span>
<span class="menu-text">代理商审核入驻管理</span>
</a>
</li>
<li class="menu-item">
<button class="menu-item-link" onclick="toggleSubmenu(this)">
<span class="menu-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
<path fill="currentColor" d="M160 448a32 32 0 0 1-32-32V160.064a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V416a32 32 0 0 1-32 32zm448 0a32 32 0 0 1-32-32V160.064a32 32 0 0 1 32-32h255.936a32 32 0 0 1 32 32V416a32 32 0 0 1-32 32zM160 896a32 32 0 0 1-32-32V608a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32v256a32 32 0 0 1-32 32zm448 0a32 32 0 0 1-32-32V608a32 32 0 0 1 32-32h255.936a32 32 0 0 1 32 32v256a32 32 0 0 1-32 32z"></path>
</svg>
</span>
<span class="menu-text">营销工具管理</span>
<span class="menu-arrow">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
<path fill="currentColor" d="M831.872 340.864 512 652.672 192.128 340.864a30.592 30.592 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.592 30.592 0 0 0-42.752 0z"></path>
</svg>
</span>
</button>
</li>
<li class="menu-item">
<button class="menu-item-link" onclick="toggleSubmenu(this)">
<span class="menu-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
<path fill="currentColor" d="M160 448a32 32 0 0 1-32-32V160.064a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V416a32 32 0 0 1-32 32zm448 0a32 32 0 0 1-32-32V160.064a32 32 0 0 1 32-32h255.936a32 32 0 0 1 32 32V416a32 32 0 0 1-32 32zM160 896a32 32 0 0 1-32-32V608a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32v256a32 32 0 0 1-32 32zm448 0a32 32 0 0 1-32-32V608a32 32 0 0 1 32-32h255.936a32 32 0 0 1 32 32v256a32 32 0 0 1-32 32z"></path>
</svg>
</span>
<span class="menu-text">钱包管理</span>
<span class="menu-arrow">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
<path fill="currentColor" d="M831.872 340.864 512 652.672 192.128 340.864a30.592 30.592 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.592 30.592 0 0 0-42.752 0z"></path>
</svg>
</span>
</button>
</li>
<li class="menu-item">
<button class="menu-item-link" onclick="toggleSubmenu(this)">
<span class="menu-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
<path fill="currentColor" d="M160 448a32 32 0 0 1-32-32V160.064a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V416a32 32 0 0 1-32 32zm448 0a32 32 0 0 1-32-32V160.064a32 32 0 0 1 32-32h255.936a32 32 0 0 1 32 32V416a32 32 0 0 1-32 32zM160 896a32 32 0 0 1-32-32V608a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32v256a32 32 0 0 1-32 32zm448 0a32 32 0 0 1-32-32V608a32 32 0 0 1 32-32h255.936a32 32 0 0 1 32 32v256a32 32 0 0 1-32 32z"></path>
</svg>
</span>
<span class="menu-text">消息通知管理</span>
<span class="menu-arrow">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
<path fill="currentColor" d="M831.872 340.864 512 652.672 192.128 340.864a30.592 30.592 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.592 30.592 0 0 0-42.752 0z"></path>
</svg>
</span>
</button>
</li>
<li class="menu-item">
<button class="menu-item-link" onclick="toggleSubmenu(this)">
<span class="menu-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
<path fill="currentColor" d="M160 448a32 32 0 0 1-32-32V160.064a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V416a32 32 0 0 1-32 32zm448 0a32 32 0 0 1-32-32V160.064a32 32 0 0 1 32-32h255.936a32 32 0 0 1 32 32V416a32 32 0 0 1-32 32zM160 896a32 32 0 0 1-32-32V608a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32v256a32 32 0 0 1-32 32zm448 0a32 32 0 0 1-32-32V608a32 32 0 0 1 32-32h255.936a32 32 0 0 1 32 32v256a32 32 0 0 1-32 32z"></path>
</svg>
</span>
<span class="menu-text">数据字典</span>
<span class="menu-arrow">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
<path fill="currentColor" d="M831.872 340.864 512 652.672 192.128 340.864a30.592 30.592 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.592 30.592 0 0 0-42.752 0z"></path>
</svg>
</span>
</button>
</li>
<li class="menu-item">
<button class="menu-item-link" onclick="toggleSubmenu(this)">
<span class="menu-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
<path fill="currentColor" d="M160 448a32 32 0 0 1-32-32V160.064a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V416a32 32 0 0 1-32 32zm448 0a32 32 0 0 1-32-32V160.064a32 32 0 0 1 32-32h255.936a32 32 0 0 1 32 32V416a32 32 0 0 1-32 32zM160 896a32 32 0 0 1-32-32V608a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32v256a32 32 0 0 1-32 32zm448 0a32 32 0 0 1-32-32V608a32 32 0 0 1 32-32h255.936a32 32 0 0 1 32 32v256a32 32 0 0 1-32 32z"></path>
</svg>
</span>
<span class="menu-text">系统管理</span>
<span class="menu-arrow">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
<path fill="currentColor" d="M831.872 340.864 512 652.672 192.128 340.864a30.592 30.592 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.592 30.592 0 0 0-42.752 0z"></path>
</svg>
</span>
</button>
</li>
</ul> </ul>
</nav> </nav>
</aside> </aside>
@ -609,8 +421,8 @@
<div class="content-area"> <div class="content-area">
<div class="content-container"> <div class="content-container">
<div id="tab-content-home" class="tab-content active"> <div id="tab-content-home" class="tab-content active">
<h2>欢迎使用管理后台</h2> <h2 style="font-size: 24px; font-weight: 600; color: #262626; margin-bottom: 16px;">欢迎使用管理后台</h2>
<p>这是首页内容区域，点击左侧菜单可以在此区域显示对应的页面内容。</p> <p style="color: #666; font-size: 14px;">这是首页内容区域，点击左侧菜单可以在此区域显示对应的页面内容。</p>
</div> </div>
</div> </div>
</div> </div>