支持任意尺寸拉伸，样式不变形

frontend/.eslintrc.js

@@ -1,10 +1,14 @@
 module.exports = {
   root: true,
+  parserOptions: {
+    sourceType: 'module'
+  },
+  parser: 'vue-eslint-parser',
   env: {
-    node: true
+    browser: true,
+    node: true,
+    es6: true,
   },
-  'extends': [],
-  "parser": "vue-eslint-parser",
   rules: {
     'no-console': 'off',
     "no-unused-vars":"off", //重要 var 变量为引入
@@ -14,7 +18,7 @@ module.exports = {
     // 'vue/max-attributes-per-line': [
     //   2,
     //   {
-    //     'singleline': 5,
+    //     'singleline': 10,
     //     'multiline': {
     //       'max': 1,
     //       'allowFirstLine': false
@@ -40,10 +44,6 @@ module.exports = {
     //'indent': 'off',
     'indent': ["off", 2]
   },
-  parserOptions: {
-    ecmaVersion: 7,
-    "sourceType": "module"
-  },
   overrides: [
     {
       files: [

frontend/package.json

@@ -28,20 +28,6 @@
     "less-loader": "^5.0.0",
     "vue-template-compiler": "^2.6.11"
   },
-  "eslintConfig": {
-    "root": true,
-    "env": {
-      "node": true
-    },
-    "extends": [
-      "plugin:vue/essential",
-      "eslint:recommended"
-    ],
-    "parserOptions": {
-      "parser": "babel-eslint"
-    },
-    "rules": {}
-  },
   "browserslist": [
     "> 1%",
     "last 2 versions",

frontend/src/App.vue

@@ -43,5 +43,6 @@ export default {
   -moz-osx-font-smoothing: grayscale;
   text-align: center;
   color: #2c3e50;
+  height: 100%;
 }
 </style>

frontend/src/main.js

@@ -1,6 +1,6 @@
 import Vue from 'vue'
 import antd from 'ant-design-vue'
-import 'ant-design-vue/dist/antd.css'
+import 'ant-design-vue/dist/antd.less';
 import App from './App'
 import router from './router'
 import { VueAxios } from './utils/request'

frontend/src/views/Layout.vue

@@ -25,10 +25,11 @@
           </a-menu-item>
         </a-menu>
       </a-layout-sider>
-      <a-layout-content :style="{}">
-        <div :style="{ padding: '10px', background: '#fff', minHeight: '560px' }">
+      <a-layout-content :style="{padding: '10px', background: '#fff' }">
+        <!-- <div :style="{ padding: '10px', background: '#fff', minHeight: '560px' }">
           <router-view />
-        </div>
+        </div> -->
+        <router-view />
       </a-layout-content>
     </a-layout>
   </a-layout>
@@ -108,6 +109,7 @@ export default {
 <style lang="less" scoped>
 // 嵌套
 #components-layout-demo-responsive {
+  height: 100%;
   .logo {
     border-bottom: 1px solid #e8e8e8;
   }
@@ -151,34 +153,4 @@ export default {
     border-right: 0px solid #FAFAFA;
   }
 }
-
-// #components-layout-demo-responsive .logo {
-//   height: 32px;
-//   background: rgba(139, 137, 137, 0.2);
-//   margin: 16px;
-// }
-// #components-layout-demo-responsive .menu-item .ant-menu-item {
-//   background-color: #001529;
-//   margin-top: 0px;
-//   margin-bottom: 0px;
-// }
-// #components-layout-demo-responsive .sub-menu-item .ant-menu-item {
-//   margin-top: 0px;
-//   margin-bottom: 0px;
-// }
-// #components-layout-demo-responsive .sub-menu-item .ant-menu-item::after {
-//   border-right: 3px solid #F2F2F2;
-// }
-// #components-layout-demo-responsive .sub-menu-item.ant-menu {
-//   background: #FAFAFA;
-// }
-// #components-layout-demo-responsive .sub-menu-item.ant-menu-inline {
-//   border-right: 0px solid #FAFAFA;
-// }
-// #components-layout-demo-responsive .sub-menu-item .ant-menu-item-selected {
-//   background-color:#F2F2F2;
-//   span {
-//     color: #111;
-//   }
-// }
 </style>

frontend/vue.config.js

@@ -7,5 +7,16 @@ module.exports = {
         "maxEntrypointSize": 10000000,
         "maxAssetSize": 30000000,
       }
-    }
+    },
+    css: {
+      loaderOptions: {
+          less: {
+              modifyVars: {
+                //在此处设置，也可以设置直角、边框色、字体大小等
+                'primary-color': '#07C160',
+              },
+              javascriptEnabled: true
+          }
+      }
+    },  
   }