全局结构css调整

a33f827f · Gavin Peng · cd3db032 · a33f827f · a33f827f · a33f827f
Commit a33f827f authored Apr 19, 2022 by Gavin Peng
6 changed files
--- a/package.json
+++ b/package.json
@@ -57,8 +57,8 @@
    "start:v2-220318": "cross-env PRO_ENV=v2-220318 yarn start",
    "start:v2-220418": "cross-env PRO_ENV=v2-220418 yarn start",
    "start-fast": "cross-env NODE_OPTIONS=--max_old_space_size=4096 UMI_ENV=local umi dev",
-    "start-fast:v2-220418": "cross-env PRO_ENV=v2-220418 yarn start-fast"
-
+    "start-fast:v2-220418": "cross-env PRO_ENV=v2-220418 yarn start-fast",
+    "start:ali": "cross-env PRO_ENV=v2-ali-demo yarn start"
  },
  "lint-staged": {
    "*.{js,jsx,less,md,json}": [

--- a/src/components/AnchorPage/index.tsx
+++ b/src/components/AnchorPage/index.tsx
@@ -116,6 +116,8 @@ const AnchorPage = (props: IProps) => {
          targetOffset={rect.height}
          onChange={handleAnchorChange}
          onClick={handleAnchorClick}
+          getContainer={() => document.querySelector('main.ant-pro-basicLayout-content') as HTMLElement}
+          // getContainer={() => document.getElementsByTagName('main')[0]}
        >
          <div className={styles['anchor-page-header-main']}>
            <div className={styles['anchor-page-header-left']}>

--- a/src/global/styles/reset.less
+++ b/src/global/styles/reset.less
@@ -401,3 +401,28 @@
    font-size: 8px;
  }
 }
+
+.ant-pro-basicLayout {
+  height: 100%;
+}
+
+.ant-layout-sider-children {
+  display: flex;
+  flex-direction: column;
+}
+
+main.ant-pro-basicLayout-content {
+  height: 100%;
+  margin: 0;
+  padding: 24px;
+  overflow-y: scroll;
+}
+
+main.ant-pro-basicLayout-content-disable-margin {
+  padding: 0;
+}
+
+.ant-layout-header+div {
+  overflow-y: hidden;
+  min-height: initial !important;
+}
\ No newline at end of file
--- a/src/layouts/BasicLayout.tsx
+++ b/src/layouts/BasicLayout.tsx
@@ -4,7 +4,7 @@ import ProLayout, {
  Settings,
  DefaultFooter,
  getMenuData,
-  getPageTitle
+  getPageTitle,
 } from '@ant-design/pro-layout';
 import React, { useState, useEffect, useLayoutEffect, useMemo } from 'react';
 import { Link, useIntl, Helmet } from 'umi';
@@ -158,7 +158,7 @@ const BasicLayout: React.FC<BasicLayoutProps> = (props) => {
    <ProLayout
      pageTitleRender={() => currentRouter ? currentRouter.name : window.location.href}
      // contentStyle={{minWidth: '1280px'}}
-      style={prolayoutStyle}
+      // style={prolayoutStyle}
      logo={logo}
      // formatMessage={formatMessage}
      menuHeaderRender={(logoDom, titleDom) => (
@@ -183,17 +183,17 @@ const BasicLayout: React.FC<BasicLayoutProps> = (props) => {
        currentRouter={currentRouter}
        changeOpenKeys={(keys: string[]) => setOpenKeys(keys)}
      />}
-      footerRender={() => defaultFooterDom}
+      // footerRender={() => defaultFooterDom}
      rightContentRender={() => <RightContent isHome={isHome} />}
      {...props}
      {...settings}
    >
      {children}
    </ProLayout>
-  );
+      );
 };

-export default BasicLayout
+      export default BasicLayout

 // export default connect(({ global, settings }: ConnectState) => ({
 //   collapsed: global.collapsed,

--- a/src/layouts/styles/MenuSlider.less
+++ b/src/layouts/styles/MenuSlider.less
@@ -23,6 +23,8 @@
    max-width: 0 !important;
    min-width: 0 !important;
    width: 0 !important;
+    height: 100%;
+    overflow: hidden;
  }
 }

@@ -138,12 +140,24 @@

 .wrapperSilder {
  background-color: #38414A !important;
-  min-height: 100vh;
+  height: 100%;
+  overflow: hidden;
+
+  :global {
+    .ant-layout-sider-children {
+      display: flex;
+      flex-direction: column;
+    }
+  }

  .menuBox {
-    padding: 0;
+    flex: 1;
+    margin: 0;
+    padding: 24px 0 0 0;
+    box-sizing: border-box;
    text-align: center;
-    padding-top: 24px;
+    overflow-y: scroll;
+    list-style: none;

    li {
      padding: 8px 0;
@@ -224,6 +238,10 @@
 }

 .menuSlider {
+  flex: 1;
+  overflow-y: scroll;
+  overflow-x: hidden;
+  border-right: 1px solid #fff;

  .ant-menu-submenu-title {
    height: 48px !important;

--- a/src/pages/document.ejs
+++ b/src/pages/document.ejs
@@ -7,8 +7,11 @@
  <link rel="icon" type="image/x-icon" href="/static/imgs/Fav.jpg" />
 </head>

-<body>
+<!-- <body >
  <div id="root"></div>
+</body> -->
+<body style="height: 100%; overflow: hidden;">
+  <div id="root" style="height: 100%; overflow: hidden;"></div>
 </body>

 </html>