账单tag样式优化

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;
@@ -279,4 +295,4 @@
     padding: 20px 0 40px;
     background: #fff;
   }
-}
+}

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">
-                    <Text className="transaction_amount">
-                      {get_amount_display(transaction)}
-                    </Text>
+                    <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>