整理框架和新建基础模块

src/global.less

@@ -1,61 +1,30 @@
 @import '~antd/es/style/themes/default.less';
 @import './baseStyle.less';
+// 页面公用样式
+@import './utils/componentStyle.less';
 
 html,
 body,
 #root {
   height: 100%;
 }
-.layout-content {
-  box-sizing: border-box;
-  height: calc(100% - 60px);
-  overflow: auto;
-  padding: 15px 0;
-  background: rgba(@gray, 0.3);
-  .layout-content-main {
-    width: @width;
-    margin: 0 auto;
-    // background: #fff;
-    // padding: 15px;
-  }
-}
 .colorWeak {
   filter: invert(80%);
 }
 
-.ant-layout {
-  min-height: 100vh;
-  // // 去除滚动条样式
-  // height: 100vh;
-  // overflow-y: hidden;
-}
-
 body {
   text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 
-@media (max-width: @screen-xs) {
-  .ant-table {
-    width: 100%;
-    overflow-x: auto;
-    &-thead > tr,
-    &-tbody > tr {
-      > th,
-      > td {
-        white-space: pre;
-        > span {
-          display: block;
-        }
-      }
-    }
-  }
-}
-
-// 兼容IE11
-@media screen and(-ms-high-contrast: active), (-ms-high-contrast: none) {
-  body .ant-design-pro > .ant-layout {
-    min-height: 100vh;
+.ant-layout-header {
+  background: #fff;
+  color: @main-text-color;
+  padding: 0;
+}
+.ant-btn {
+  &.ant-btn-link {
+    padding: 4px 8px;
   }
 }