细节优化

src/user_pages/queryTransactions/index.scss

@@ -1,6 +1,14 @@
 .listSearchContainer {
   padding: 0 15px;
-  padding-top: 16px;
+  height: 100vh;
+  box-sizing: border-box;
+
+  &::-webkit-scrollbar {
+    display: none;
+    width: 0;
+    height: 0;
+    color: transparent;
+  }
 
   .icon16 {
     width: 16px;
@@ -8,12 +16,11 @@
   }
 
   .topSearchWrapper {
-    position: fixed;
-    top: 0;
-    left: 0;
+    position: sticky;
+    top: -1px;
     background-color: #fff;
-    width: 100vw;
-    padding: 5px 15px;
+    width: calc(100vw - 28px);
+    padding: 5px 0;
     box-sizing: border-box;
   }
 
@@ -36,7 +43,7 @@
   }
 
   .historySearch {
-    padding-top: 50px;
+    // padding-top: 50px;
   }
 
   .searchRight {
@@ -135,7 +142,15 @@
   }
 
   .transaction_list {
-    padding: 40px 0 70px;
+    padding: 0 0 80px;
+    // overflow-y: auto;
+
+    // &::-webkit-scrollbar {
+    //   display: none;
+    //   width: 0;
+    //   height: 0;
+    //   color: transparent;
+    // }
 
     .loading_state,
     .empty_state {
@@ -223,4 +238,4 @@
     padding: 20px 0 40px;
     background: #fff;
   }
-}
+}

src/user_pages/queryTransactions/index.tsx

@@ -46,11 +46,11 @@ const QueryTransactions = () => {
     getSearchHistory();
   }, []);
 
-  useEffect(() => {
-    if (ref?.current) {
-      ref.current.focus();
-    }
-  }, [ref.current]);
+  // useEffect(() => {
+  //   if (ref?.current) {
+  //     ref.current.focus();
+  //   }
+  // }, [ref.current]);
 
   useReachBottom(() => {
     if (load_transactions_params.page >= totalpages) return;
@@ -99,7 +99,8 @@ const QueryTransactions = () => {
   /**
    * @description 点击清空输入内容
    */
-  const handleClear = () => {
+  const handleClear = (e) => {
+    e.stopPropagation();
     setKeyword("");
     setTransactions([]);
     set_load_transactions_params((prev) => {
@@ -247,7 +248,7 @@ const QueryTransactions = () => {
               defaultValue={keyword}
               onChange={handleChange}
               onClear={handleClear}
-              autoFocus
+              onBlur={() => {setKeyword(load_transactions_params.keyword)}}
               clearable={false}
               ref={ref}
             />