设置交易密码页面样式优化

src/user_pages/setTransactionPassword/index.scss

@@ -17,6 +17,7 @@
     top: 0;
     z-index: 100;
     background-color: #f5f5f5;
+    padding: 0 20px;
   }
 
   .detail-navigator {
@@ -48,18 +49,22 @@
   }
 
   .form-item {
-    padding: 20px;
+    padding: 16px 0;
     box-sizing: border-box;
     height: 50px;
     display: flex;
-    gap: 10px;
+    gap: 20px;
     align-items: center;
     border-bottom: 1px solid #0000000d;
     font-size: 14px;
 
     .form-label {
-      width: 56px;
       text-align: right;
+      font-weight: 600;
+    }
+
+    Input {
+      flex: 1;
     }
   }
 

src/user_pages/validPhone/index.scss

@@ -3,6 +3,7 @@
   box-sizing: border-box;
   height: 100vh;
   overflow-y: hidden;
+  padding: 0 20px;
   .custom-navbar {
     height: 56px;
     /* 通常与原生导航栏高度一致 */
@@ -48,18 +49,22 @@
   }
 
   .form-item {
-    padding: 20px;
+    padding: 16px 0;
     box-sizing: border-box;
     height: 50px;
     display: flex;
-    gap: 10px;
+    gap: 20px;
     align-items: center;
     border-bottom: 1px solid #0000000d;
     font-size: 14px;
 
     .form-label {
-      width: 56px;
       text-align: right;
+      font-weight: 600;
+    }
+
+    Input {
+      flex: 1;
     }
   }
 

src/user_pages/withdrawal/index.tsx

@@ -49,7 +49,7 @@ const Withdrawal: React.FC = () => {
   }, [initializeKeyboardListener, addListener]);
   const [showTips, setShowTips] = useState(false);
   const [tipsText, setTipsText] = useState<string>("");
-  const [inputValue, setInputValue] = useState<string>("0.00");
+  const [inputValue, setInputValue] = useState<string>("");
   const [walletInfo, setWalletInfo] = useState<WalletInfo>({
     balance: "0.00",
   });
@@ -65,8 +65,8 @@ const Withdrawal: React.FC = () => {
 
   const [inputValueObj, setInputValueObj] = useState({
     integer: "0",
-    decimal: "00"
-  })
+    decimal: "00",
+  });
 
   useDidShow(() => {
     load_wallet_data();
@@ -87,11 +87,11 @@ const Withdrawal: React.FC = () => {
   }, [show_withdraw_popup]);
 
   useEffect(() => {
-    const value = Number(inputValue).toFixed(2).split(".")
-    const integer = value[0]
-    const decimal = value[1]
-    setInputValueObj({ integer, decimal })
-  }, [inputValue])
+    const value = Number(inputValue).toFixed(2).split(".");
+    const integer = value[0];
+    const decimal = value[1];
+    setInputValueObj({ integer, decimal });
+  }, [inputValue]);
 
   const validateWithdrawAmount = (amount: string) => {
     if (Number(amount) > Number(walletInfo.balance)) {
@@ -307,11 +307,11 @@ const Withdrawal: React.FC = () => {
         showBack={true}
         showAvatar={false}
         onBack={() => {
-          const pages = Taro.getCurrentPages()
-          const prevPage = pages[pages.length - 2]
+          const pages = Taro.getCurrentPages();
+          const prevPage = pages[pages.length - 2];
           prevPage.setData({
-            updateList: withdrawSuccess
-          })
+            updateList: withdrawSuccess,
+          });
           Taro.navigateBack();
         }}
       />