账单tag样式优化

src/user_pages/billDetail/index.tsx

@@ -8,6 +8,7 @@ import httpService from "@/services/httpService";
 import { TransactionType, TransactionSubType } from "@/user_pages/wallet/index";
 import "./index.scss";
 import img from "@/config/images";
+import { BackNavbar } from "@/components"
 
 enum FreezeActions {
   Unfreeze = "unfreeze",
@@ -75,7 +76,7 @@ const BillDetail: React.FC = () => {
   return (
     <View className="bill-detail-page">
       {/* 导航栏 */}
-      <View className="custom-navbar">
+      {/* <View className="custom-navbar">
         <View className="detail-navigator">
           <View
             className="detail-navigator-back"
@@ -90,7 +91,16 @@ const BillDetail: React.FC = () => {
             <Text>{pageTitle}</Text>
           </View>
         </View>
-      </View>
+      </View> */}
+      {/* 顶部导航栏 */}
+      <BackNavbar
+        title={pageTitle}
+        showBackButton={true}
+        showAvatar={false}
+        onBack={() => {
+          Taro.navigateBack();
+        }}
+      />
       <View className="title-text-box">
         <View className="title-text">现金交易 (元)</View>
         <View className="amount-text">

src/user_pages/queryTransactions/index.scss

@@ -46,7 +46,7 @@
       font-size: 20px;
       letter-spacing: 0.38px;
 
-      & > .detail-navigator-back-icon {
+      &>.detail-navigator-back-icon {
         width: 32px;
         height: 32px;
       }
@@ -249,6 +249,22 @@
         gap: 4px;
         width: 68px;
 
+        .type_text_tag {
+          font-size: 8px;
+          font-weight: normal;
+          color: #ff9500;
+          border-radius: 999px !important;
+          padding: 4px;
+          background-color: rgba(#ff9500, 0.1);
+          border: solid 1px #ff9500;
+
+          &.success {
+            color: #000;
+            background-color: rgba(0, 0, 0, .1);
+            border-color: #000;
+          }
+        }
+
         .transaction_amount {
           font-size: 12px;
           font-weight: 600;

src/user_pages/queryTransactions/index.tsx

@@ -16,6 +16,7 @@ interface Transaction {
   create_time: string;
   last_modify_time: string;
   related_id: number;
+  type_text: string;
 }
 
 interface History {
@@ -372,9 +373,14 @@ const QueryTransactions = () => {
                     </View>
                   </View>
                   <View className="transaction_right">
+                    <View>
+                      <Text className={`type_text_tag ${transaction.type_text === "已提现" ? "success" : ""}`}>
+                        {transaction.type_text}
+                      </Text>
                       <Text className="transaction_amount">
                         {get_amount_display(transaction)}
                       </Text>
+                    </View>
                     <Text className="balance_info">
                       余额 ¥{format_amount(transaction.amount)}
                     </Text>

src/user_pages/wallet/index.scss

@@ -11,6 +11,7 @@
     width: 0;
     height: 0;
   }
+
   .custom-navbar {
     height: 56px;
     /* 通常与原生导航栏高度一致 */
@@ -48,7 +49,7 @@
       font-size: 20px;
       letter-spacing: 0.38px;
 
-      & > .detail-navigator-back-icon {
+      &>.detail-navigator-back-icon {
         width: 32px;
         height: 32px;
       }
@@ -250,6 +251,7 @@
     }
 
     .transaction_list {
+
       .loading_state,
       .empty_state {
         padding: 40px 20px;
@@ -314,6 +316,12 @@
             padding: 4px;
             background-color: rgba(#ff9500, 0.1);
             border: solid 1px #ff9500;
+
+            &.success {
+              color: #000;
+              background-color: rgba(0, 0, 0, .1);
+              border-color: #000;
+            }
           }
 
           .transaction_amount {
@@ -420,6 +428,7 @@
 .filter_popup {
   .popup_content {
     padding: 16px 20px;
+
     .form_section {
       .form_item {
         margin-bottom: 20px;

src/user_pages/wallet/index.tsx

@@ -613,7 +613,7 @@ const WalletPage: React.FC = () => {
                   </View>
                   <View className="transaction_right">
                     <View>
-                      <Text className="type_text_tag">
+                      <Text className={`type_text_tag ${transaction.type_text === "已提现" ? "success" : ""}`}>
                         {transaction.type_text}
                       </Text>
                       <Text className="transaction_amount">