优化:深国际改革方案增加左侧固定导航菜单(17个锚点+滚动监听+移动端抽屉)

This commit is contained in:
zdh
2026-06-03 08:29:03 +08:00
parent 3f88963ef9
commit 1c5e59b885
24 changed files with 1289 additions and 116 deletions
@@ -37,7 +37,7 @@
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 14px; line-height: 22px; color: var(--text-primary); background: var(--bg);
font-size: 14px; line-height:1.57; color: var(--text-primary); background: var(--bg);
}
.top-bar {
height: var(--header-h); background: var(--bg-container); border-bottom: 1px solid var(--border);
@@ -37,7 +37,7 @@
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 14px; line-height: 22px; color: var(--text-primary); background: var(--bg);
font-size: 14px; line-height:1.57; color: var(--text-primary); background: var(--bg);
}
.top-bar { height: 64px; background: var(--bg-container); border-bottom: 1px solid var(--border); display: flex; align-items: center; padding: 0 var(--space-2xl); position: sticky; top: 0; z-index: 100; box-shadow: var(--shadow-sm); }
.top-bar h1 { font-size: 18px; font-weight: 600; color: var(--text-primary); }
@@ -40,7 +40,7 @@
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 14px; line-height: 22px; color: var(--text-primary); background: var(--bg);
font-size: 14px; line-height:1.57; color: var(--text-primary); background: var(--bg);
}
.top-bar { height: 64px; background: var(--bg-container); border-bottom: 1px solid var(--border); display: flex; align-items: center; padding: 0 var(--space-2xl); position: sticky; top: 0; z-index: 100; box-shadow: var(--shadow-sm); }
.top-bar h1 { font-size: 18px; font-weight: 600; color: var(--text-primary); }
@@ -18,7 +18,7 @@
--shadow-md: 0 2px 4px rgba(0,0,0,0.04), 0 4px 12px -2px rgba(0,0,0,0.04);
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif; background: var(--bg); color: var(--text-primary); line-height: 1.8; font-size: 14px; }
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif; background: var(--bg); color: var(--text-primary); line-height:1.57; font-size: 14px; }
.container { max-width: 1200px; margin: 0 auto; padding: 20px; }
.header { background: linear-gradient(135deg, var(--color-primary), #722ED1); color: #fff; padding: 40px; border-radius: var(--radius-lg); margin-bottom: 30px; text-align: center; }
.header h1 { font-size: 28px; margin-bottom: 10px; }