用户端小程序修改

apps/mini-user/src/components/PageNavBar.tsx

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
 import { View, Text } from '@tarojs/components';
-import { subPageNavBarStyle, useNavBarMetrics } from '../lib/nav-bar';
+import { subPageNavBarStyle, subPageNavContentStyle, useNavBarMetrics } from '../lib/nav-bar';
 
 type PageNavBarProps = {
   title: string;
@@ -25,23 +25,25 @@ export default function PageNavBar({
       className={`page-nav-bar${solid ? ' page-nav-bar--solid' : ''}`}
       style={subPageNavBarStyle(metrics)}
     >
+      <Text
+        className={`page-nav-bar__title${titleVisible ? ' page-nav-bar__title--visible' : ''}`}
+      >
+        {title}
+      </Text>
       <View
         className="page-nav-bar__content"
-        style={{ height: `${metrics.navContentHeight}px` }}
+        style={subPageNavContentStyle(metrics)}
       >
         {onBack ? (
-          <View className="page-nav-bar__btn" onClick={onBack}>
+          <View className="page-nav-bar__btn page-nav-bar__btn--back" onClick={onBack}>
             <Text className="page-nav-bar__icon">‹</Text>
           </View>
         ) : (
-          <View className="page-nav-bar__btn page-nav-bar__btn--placeholder" />
+          <View className="page-nav-bar__btn page-nav-bar__btn--back page-nav-bar__btn--placeholder" />
+        )}
+        {right ?? (
+          <View className="page-nav-bar__btn page-nav-bar__btn--right page-nav-bar__btn--placeholder" />
         )}
-        <Text
-          className={`page-nav-bar__title${titleVisible ? ' page-nav-bar__title--visible' : ''}`}
-        >
-          {title}
-        </Text>
-        {right ?? <View className="page-nav-bar__btn page-nav-bar__btn--placeholder" />}
       </View>
     </View>
   );