🐛 fix(custom): 修复手机端视频页面和搜索结果页未居中bug，修复eu页修改搜索参数造成的一次性加载完成情况

EOEFANS · Mar 31, 2023 · 091c044 · 091c044
1 parent c659926
commit 091c044
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/src/routers/online/index.tsx b/src/routers/online/index.tsx
@@ -1,12 +1,17 @@
 /**
  *
  */
-import { useSetEuFetchParamas } from "@store/euWhatLook";
+import { useGetEuFetchParmas, useSetEuFetchParamas } from "@store/euWhatLook";
 import Content from "./content";
 import { useEffect } from "react";
 export default function Index() {
   const handerSetEuParmas = useSetEuFetchParamas();
   useEffect(handerSetEuParmas.bind(null, "online"), []);
+  const effectDeps = useGetEuFetchParmas();
+  useEffect(() => {
+    //在滚动的过程切换参数应该自动滚动到顶端防止一次性加载完成
+    window.scrollTo({ top: 0 });
+  }, [effectDeps]);
   return (
     <div className='feedContainer'>
       <Content />

diff --git a/src/routers/video/masonry.tsx b/src/routers/video/masonry.tsx
@@ -153,7 +153,7 @@ export const NormalVideoRes: FC<{
 }> = ({ loading, isEmpty, data }) => {
   return (
     <Grid
-      className='max-w-full'
+      className='max-w-full mx-auto'
       container
       spacing={{
         lg: 2,