From f1df5b450b4eee7e073cebb0f537f7385416a9cb Mon Sep 17 00:00:00 2001 From: linbin <495561397@qq.com> Date: Tue, 21 Oct 2025 00:47:26 +0800 Subject: [PATCH] =?UTF-8?q?=E7=BB=BC=E8=BF=B0:=20=E4=BC=98=E5=8C=96?= =?UTF-8?q?=E5=B9=B3=E5=8F=B0=E7=AB=AFweb=E7=95=8C=E9=9D=A2=E6=A0=B7?= =?UTF-8?q?=E5=BC=8F=E5=92=8C=E5=8A=9F=E8=83=BD=E6=A8=A1=E5=9D=97?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 调整了body字体族和大小,增加了颜色定义,提升界面一致性 - 优化了菜单项和子菜单项的样式,包括背景色、字体大小和过渡效果 - 改进了头部样式,包括边框颜色和阴影效果 - 调整了菜单触发器颜色和面包屑导航的过渡效果 - 优化了用户信息区域的样式,包括圆角、过渡效果和悬停背景色 - 改进了标签页容器和标签项的样式,包括背景色、边框、字体大小和过渡效果 - 优化了内容区域的背景色、内边距和容器样式 - 移除了部分冗余的菜单项和子菜单项代码 - 调整了首页欢迎内容的样式,包括字体大小、颜色和间距 --- 平台端web/index.html | 244 +++++-------------------------------------- 1 file changed, 28 insertions(+), 216 deletions(-) diff --git a/平台端web/index.html b/平台端web/index.html index 779f804..4f63a7e 100644 --- a/平台端web/index.html +++ b/平台端web/index.html @@ -12,8 +12,9 @@ } body { - font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; - font-size: 16px; + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-size: 14px; + color: #333; height: 100vh; overflow: hidden; } @@ -62,7 +63,7 @@ } .menu-item-link.active { - background-color: #1890ff; + background-color: #40a9ff; color: #fff; } @@ -116,9 +117,9 @@ padding: 12px 20px; color: rgba(255, 255, 255, 0.7); text-decoration: none; - font-size: 13px; + font-size: 14px; cursor: pointer; - transition: all 0.2s; + transition: all 0.3s; } .submenu-item:hover { @@ -127,7 +128,7 @@ } .submenu-item.active { - background-color: #1890ff; + background-color: #40a9ff; color: #fff; } @@ -143,12 +144,12 @@ .header { height: 64px; background: #fff; - border-bottom: 1px solid #e8e8e8; + border-bottom: 1px solid #f0f0f0; display: flex; align-items: center; justify-content: space-between; 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 { @@ -172,7 +173,7 @@ .menu-trigger { content: ''; height: 2px; - background: #666; + background: #333; border-radius: 1px; } @@ -192,6 +193,7 @@ .breadcrumb-item { color: #666; text-decoration: none; + transition: all 0.3s; } .breadcrumb-item:hover { @@ -200,7 +202,7 @@ .breadcrumb-separator { margin: 0 8px; - color: #ccc; + color: #ddd; } .header-right { @@ -212,13 +214,13 @@ display: flex; align-items: center; padding: 8px 12px; - border-radius: 4px; + border-radius: 6px; cursor: pointer; - transition: background-color 0.2s; + transition: all 0.3s; } .user-info:hover { - background-color: #f5f5f5; + background-color: #fafafa; } .user-avatar { @@ -238,7 +240,7 @@ .tabs-container { height: 48px; background: #fff; - border-bottom: 1px solid #e8e8e8; + border-bottom: 1px solid #f0f0f0; display: flex; align-items: center; padding: 0 16px; @@ -249,14 +251,14 @@ display: flex; align-items: center; padding: 8px 16px; - background: #f5f5f5; - border: 1px solid #d9d9d9; + background: #fafafa; + border: 1px solid #ddd; border-radius: 4px 4px 0 0; margin-right: 2px; cursor: pointer; - font-size: 13px; + font-size: 14px; white-space: nowrap; - transition: all 0.2s; + transition: all 0.3s; position: relative; min-width: 120px; justify-content: space-between; @@ -280,7 +282,7 @@ .tab-close { width: 16px; height: 16px; - background: #ccc; + background: #ddd; border-radius: 50%; margin-left: 8px; cursor: pointer; @@ -290,7 +292,7 @@ font-size: 12px; color: #fff; opacity: 0.7; - transition: all 0.2s; + transition: all 0.3s; } .tab-close:hover { @@ -305,17 +307,17 @@ /* 内容区域 */ .content-area { flex: 1; - background: #f0f2f5; - padding: 24px; + background: #f5f5f5; + padding: 20px; overflow-y: auto; } .content-container { background: #fff; - border-radius: 6px; + border-radius: 8px; padding: 24px; 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 @@ @@ -609,8 +421,8 @@
这是首页内容区域,点击左侧菜单可以在此区域显示对应的页面内容。
+这是首页内容区域,点击左侧菜单可以在此区域显示对应的页面内容。