antd兼容、滚动条隐藏

src/App.css

@@ -2,7 +2,13 @@
   text-align: center;
   position: relative;
 }
+::-webkit-scrollbar {
+  display: none;
+}
 
+* {
+  scrollbar-width: none;
+}
 .App-logo {
   height: 40vmin;
   pointer-events: none;

src/App.js

@@ -7,6 +7,7 @@ import './assets/fonts/fonts.scss'
 import './index.css';
 import './App.css';
 import './styles.scss'
+import { StyleProvider } from '@ant-design/cssinjs';
 import { LoginProvider } from './context/LoginContext';
 
 function App() {
@@ -15,48 +16,48 @@ function App() {
   const targetAdminHost = hostname !== 'localhost' ? 'https://console.' + host : 'http://' + host
   return (
     <div className="App">
-      <ConfigProvider
-        theme={
-          {
-            token: {
-              colorPrimary: '#722ED1',
-            },
-            components: {
-              Button: {
-                borderRadius: 24,
+      <StyleProvider hashPriority="high">
+        <ConfigProvider
+          theme={
+            {
+              token: {
                 colorPrimary: '#722ED1',
-                defaultColor: '#722ED1',
-                defaultBorderColor: '#722ED1',
-                defaultActiveBg: '#722ED1',
-                defaultActiveBorderColor: '#722ED1',
-                defaultActiveColor: '#fff',
-                primaryShadow: 'none',
-                colorPrimaryBg: '#722ED1',
               },
-              Select: {
-                optionSelectedBg: '#722ED1',
-              },
-              Table: {
-                headerBg: '#EFDBFF',
-                headerColor: '#000',
-                cellFontSize: 16,
-                headerBorderRadius: 0,
+              components: {
+                Button: {
+                  borderRadius: 24,
+                  colorPrimary: '#722ED1',
+                  defaultColor: '#722ED1',
+                  defaultBorderColor: '#722ED1',
+                  defaultActiveBg: '#722ED1',
+                  defaultActiveBorderColor: '#722ED1',
+                  defaultActiveColor: '#fff',
+                  primaryShadow: 'none',
+                  colorPrimaryBg: '#722ED1',
+                },
+                Select: {
+                  optionSelectedBg: '#722ED1',
+                },
+                Table: {
+                  headerBg: '#EFDBFF',
+                  headerColor: '#000',
+                  cellFontSize: 16,
+                  headerBorderRadius: 0,
+                }
               }
             }
           }
-        }
-      >
-        <Router basename='/' >
-          <LoginProvider>
-            <Layout>
-              <AppRoutes />
-              <iframe id="targetFrame" src={`${targetAdminHost}/receiver`} title="Target Frame" style={{ display: 'none' }} />
-            </Layout>
-          </LoginProvider>
-        </Router>
-      </ConfigProvider>
-
-
+        >
+          <Router basename='/' >
+            <LoginProvider>
+              <Layout>
+                <AppRoutes />
+                <iframe id="targetFrame" src={`${targetAdminHost}/receiver`} title="Target Frame" style={{ display: 'none' }} />
+              </Layout>
+            </LoginProvider>
+          </Router>
+        </ConfigProvider>
+      </StyleProvider>
     </div>
   );
 }