导航栏引用公共组件

src/user_pages/downloadBillRecords/index.tsx

@@ -5,7 +5,7 @@ import "./index.scss";
 import httpService from "@/services/httpService";
 import Taro, { useReachBottom } from "@tarojs/taro";
 import img from "@/config/images";
-import { EmptyState } from "@/components";
+import { EmptyState, BackNavbar } from "@/components";
 
 interface BillRecord {
   id: number;
@@ -65,7 +65,7 @@ const DownloadBillRecords: React.FC = () => {
   return (
     <View className="download-bill-records-page">
       {/* 导航栏 */}
-      <View className="custom-navbar">
+      {/* <View className="custom-navbar">
         <View className="detail-navigator">
           <View
             className="detail-navigator-back"
@@ -80,7 +80,16 @@ const DownloadBillRecords: React.FC = () => {
             <Text>{pageTitle}</Text>
           </View>
         </View>
-      </View>
+      </View> */}
+      {/* 顶部导航栏 */}
+      <BackNavbar
+        title={pageTitle}
+        showBackButton={true}
+        showAvatar={false}
+        onBack={() => {
+          Taro.navigateBack();
+        }}
+      />
       <View className="records-container">
         {records.length ? records.map((record) => (
           <View className="record-item" key={record.id}>