用户端小程序修改

apps/mini-user/src/lib/nav-bar.ts

@@ -77,29 +77,45 @@ export function pageShellCssVars(metrics: NavBarMetrics): Record<string, string>
   };
 }
 
-/** 顶栏自身样式：statusBar padding + 总高 + 左右对称胶囊避让 */
+/** 顶栏自身样式：statusBar padding + 总高 + CSS 变量 */
 export function navBarStyle(metrics: NavBarMetrics): Record<string, string | number> {
   return {
     paddingTop: `${metrics.statusBarHeight}px`,
     height: `${metrics.navBarHeight}px`,
-    paddingLeft: `${metrics.navBarPaddingLeft}px`,
-    paddingRight: `${metrics.navBarPaddingRight}px`,
     ...pageShellCssVars(metrics),
   };
 }
 
-/** 子页顶栏：左侧为返回按钮预留与右侧胶囊等宽空间 */
+/** Tab 顶栏内容行：左右留白（标题单独全屏居中） */
+export function tabNavContentStyle(metrics: NavBarMetrics): Record<string, string | number> {
+  return {
+    height: `${metrics.navContentHeight}px`,
+    paddingLeft: '20px',
+    paddingRight: `${metrics.navBarPaddingRight}px`,
+    boxSizing: 'border-box',
+  };
+}
+
+/** 子页/内页顶栏：标题全屏居中，内容区单独留白 */
 export function subPageNavBarStyle(metrics: NavBarMetrics): Record<string, string | number> {
-  const paddingSide = Math.max(48, metrics.navBarPaddingRight);
+  const pagePad = 20;
   return {
     paddingTop: `${metrics.statusBarHeight}px`,
     height: `${metrics.navBarHeight}px`,
-    paddingLeft: `${paddingSide}px`,
-    paddingRight: `${paddingSide}px`,
     '--nav-bar-height': `${metrics.navBarHeight}px`,
     '--nav-content-height': `${metrics.navContentHeight}px`,
     '--nav-status-bar-height': `${metrics.statusBarHeight}px`,
-    '--nav-padding-right': `${paddingSide}px`,
-    '--nav-padding-left': `${paddingSide}px`,
+    '--nav-padding-left': `${pagePad}px`,
+    '--nav-padding-right': `${metrics.navBarPaddingRight}px`,
+  };
+}
+
+/** 子页顶栏内容行：左侧页边距 + 右侧避让胶囊 */
+export function subPageNavContentStyle(metrics: NavBarMetrics): Record<string, string | number> {
+  return {
+    height: `${metrics.navContentHeight}px`,
+    paddingLeft: '20px',
+    paddingRight: `${metrics.navBarPaddingRight}px`,
+    boxSizing: 'border-box',
   };
 }