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 @@
-

欢迎使用管理后台

-

这是首页内容区域,点击左侧菜单可以在此区域显示对应的页面内容。

+

欢迎使用管理后台

+

这是首页内容区域,点击左侧菜单可以在此区域显示对应的页面内容。