导航栏引用公共组件

src/user_pages/downloadBill/index.tsx

@@ -6,7 +6,7 @@ import dayjs from "dayjs";
 import "./index.scss";
 import { DialogCalendarCard } from "@/components/index";
 // import { CalendarUI } from "@/components";
-import { CommonPopup } from "@/components";
+import { CommonPopup, BackNavbar } from "@/components";
 import httpService from "@/services/httpService";
 import img from "@/config/images";
 
@@ -246,7 +246,7 @@ const DownloadBill: React.FC = () => {
   return (
     <View className="download_bill_page">
       {/* 导航栏 */}
-      <View className="custom-navbar">
+      {/* <View className="custom-navbar">
         <View className="detail-navigator">
           <View
             className="detail-navigator-back"
@@ -261,7 +261,16 @@ const DownloadBill: React.FC = () => {
             <Text>{pageTitle}</Text>
           </View>
         </View>
-      </View>
+      </View> */}
+      {/* 顶部导航栏 */}
+      <BackNavbar
+        title={pageTitle}
+        showBackButton={true}
+        showAvatar={false}
+        onBack={() => {
+          Taro.navigateBack();
+        }}
+      />
       <View className="hint_content">
         <Text>最长可导出三个月的账单 </Text>
         <Text className="button_text" onClick={downloadExample}>
@@ -306,9 +315,8 @@ const DownloadBill: React.FC = () => {
               近一周
             </View>
             <View
-              className={`option_button ${
-                dateType === "month" ? "active" : ""
-              }`}
+              className={`option_button ${dateType === "month" ? "active" : ""
+                }`}
               onClick={() => {
                 selectDateRange("month");
               }}
@@ -316,9 +324,8 @@ const DownloadBill: React.FC = () => {
               近一月
             </View>
             <View
-              className={`option_button ${
-                dateType === "custom" ? "active" : ""
-              }`}
+              className={`option_button ${dateType === "custom" ? "active" : ""
+                }`}
               onClick={() => {
                 selectDateRange("custom");
               }}