小程序修改

apps/mini-user/src/styles/nav-bar.css

@@ -25,7 +25,6 @@
   position: sticky;
   top: 0;
   z-index: 50;
-  padding-left: var(--space-page);
   background: var(--color-background);
   box-shadow: var(--shadow-card);
   box-sizing: border-box;
@@ -40,12 +39,15 @@
 }
 
 .tab-main-header__title {
+  position: absolute;
+  left: var(--nav-padding-left);
+  right: var(--nav-padding-right);
+  text-align: center;
   font-family: var(--font-headline);
   font-size: 18px;
   font-weight: 700;
   color: var(--color-heritage-red);
   line-height: 1.2;
-  max-width: 52vw;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -78,7 +80,6 @@
   left: 0;
   right: 0;
   z-index: 50;
-  padding-left: var(--space-page);
   background: transparent;
   box-sizing: border-box;
   transition: background 0.3s, box-shadow 0.3s;
@@ -90,6 +91,7 @@
 }
 
 .page-nav-bar__content {
+  position: relative;
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -129,9 +131,10 @@
 }
 
 .page-nav-bar__title {
-  flex: 1;
+  position: absolute;
+  left: var(--nav-padding-left);
+  right: var(--nav-padding-right);
   opacity: 0;
-  padding: 0 8px;
   font-family: var(--font-headline);
   font-size: 16px;
   font-weight: 600;
@@ -141,6 +144,7 @@
   white-space: nowrap;
   text-align: center;
   transition: opacity 0.3s;
+  pointer-events: none;
 }
 
 .page-nav-bar__title--visible {
@@ -157,7 +161,6 @@
   position: sticky;
   top: 0;
   z-index: 50;
-  padding-left: var(--space-page);
   background: var(--color-background);
   box-shadow: var(--shadow-card);
   box-sizing: border-box;
@@ -192,14 +195,18 @@
 }
 
 .sub-page-header__title {
+  position: absolute;
+  left: var(--nav-padding-left);
+  right: var(--nav-padding-right);
+  text-align: center;
   font-family: var(--font-headline);
   font-size: 18px;
   font-weight: 700;
   color: var(--color-heritage-red);
-  max-width: 60vw;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+  pointer-events: none;
 }
 
 .sub-page-header__right {