用户端小程序修改

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

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
 import { View, Text } from '@tarojs/components';
-import { navBarStyle, useNavBarMetrics } from '../lib/nav-bar';
+import { navBarStyle, tabNavContentStyle, useNavBarMetrics } from '../lib/nav-bar';
 
 type TabMainHeaderProps = {
   title: string;
@@ -13,11 +13,11 @@ export default function TabMainHeader({ title, extra }: TabMainHeaderProps) {
 
   return (
     <View className="tab-main-header" style={navBarStyle(metrics)}>
+      <Text className="tab-main-header__title">{title}</Text>
       <View
         className="tab-main-header__content"
-        style={{ height: `${metrics.navContentHeight}px` }}
+        style={tabNavContentStyle(metrics)}
       >
-        <Text className="tab-main-header__title">{title}</Text>
         {extra ? <View className="tab-main-header__extra">{extra}</View> : null}
       </View>
     </View>