fix

@@ -7,7 +7,7 @@
   "forin": true,
   "freeze": true,
   "funcscope": true,
-  "futurehostile": true,
+  "futurehostile": false,
   "immed": true,
   "indent": 4,
   "latedef": true,

@@ -8,26 +8,28 @@ export default new Router({
     {
       path: '/about',
       name: 'about',
-      // route level code-splitting
-      // this generates a separate chunk (about.[hash].js) for this route
-      // which is lazy-loaded when the route is visited.
-      component: () => import(/* webpackChunkName: "about" */ './views/About.vue')
+      component: r => {
+        require(['./views/About'], r)
+      }
     },
     {
       path: '/login',
       name: '登录页',
-      // route level code-splitting
-      // this generates a separate chunk (about.[hash].js) for this route
-      // which is lazy-loaded when the route is visited.
-      component: () => import(/* webpackChunkName: "about" */ './views/login.vue')
+      component: r => {
+        require(['./views/login'], r)
+      }
     },
     {
       path: '/',
-      component: () => import(/* webpackChunkName: "about" */ './views/Home.vue'),
+      component: r => {
+        require(['./views/Home'], r)
+      },
       name: '',
       children: [{
         path: '/table',
-        component: () => import(/* webpackChunkName: "about" */ './views/test.vue')
+        component: r => {
+          require(['./views/test'], r)
+        }
       }]
     }
   ]

@@ -82,9 +82,9 @@ export default {
   background-clip: padding-box;
   margin-bottom: 20px;
   background-color: #F9FAFC;
-  margin: 120px auto;
+  margin: 150px auto;
   padding: 35px 35px 15px 35px;
-  width: 400px;
+  width: 350px;
   border: 2px solid #FAFAFA;
 }
 </style>