桌面版sports 太卡去掉 sidebar 动画

src/layout/AppContainer.jsx

@@ -1,13 +1,27 @@
 import {useSidebar} from "@contexts/sidebarContext";
 import {useThemeProvider} from "@contexts/themeContext";
+import {useLocation} from "react-router-dom";
+import {ROUTE_PATH} from "@constants/routes";
 
 const AppContainer=({children})=>{
     const {open} = useSidebar();
     const {isMobile} = useThemeProvider();
     const sidebar=open?'sidebar-open':'sidebar-close';
     const styleadd=isMobile()?'':sidebar;
+    const {pathname} = useLocation();
+    const checkNoAni=()=>{
+        //桌面版sports 太卡去掉 sidebar 动画
+        if (!isMobile())
+        {
+            if (pathname.startsWith(ROUTE_PATH.SPORTS)){
+                return true;
+            }
+        }
+        return false;
+    }
+    const isNoAni=checkNoAni();
     return (
-        <div className={`app_container ${styleadd}`} style={{marginTop:"var(--header-active)"}}>
+        <div className={`app_container ${styleadd} ${isNoAni?'sidebar-noani':''}`} style={{marginTop:"var(--header-active)"}}>
             {children}
         </div>
     )

src/styles/_global.scss

@@ -139,6 +139,9 @@ input, input::placeholder {
     margin-left: var(--side-close);
     transition: margin .3s ease;
 }
+.sidebar-noani{
+    transition: none !important;
+}
 .sidebar-nav{
     //padding: 20px 10px 80px;
     padding: 20px 0px 80px;