refine script and css

Author: PanJiaChen

build/index.js

@@ -5,7 +5,7 @@ const rawArgv = process.argv.slice(2)
 const args = rawArgv.join(' ')
 
 if (process.env.npm_config_preview || rawArgv.includes('--preview')) {
-  run(`vue-cli-service build ${args}`)
+  run(`vue-cli-service build ${args} --report`)
 
   const port = 9526
   const publicPath = config.publicPath
@@ -23,7 +23,10 @@ if (process.env.npm_config_preview || rawArgv.includes('--preview')) {
 
   app.listen(port, function() {
     console.log(
-      chalk.green(`> Listening at  http://localhost:${port}${publicPath}`)
+      chalk.green(`> Preview at  http://localhost:${port}${publicPath}`)
+    )
+    console.log(
+      chalk.green(`> Report at  http://localhost:${port}${publicPath}/report.html`)
     )
   })
 } else {

package.json

@@ -8,8 +8,7 @@
     "dev": "vue-cli-service serve",
     "build:prod": "vue-cli-service build",
     "build:stage": "vue-cli-service build --mode staging",
-    "build:preview": "node build/index.js --preview",
-    "build:report": "node build/index.js --report",
+    "preview": "node build/index.js --preview",
     "lint": "eslint --ext .js,.vue src",
     "test": "npm run lint",
     "test:unit": "vue-cli-service test:unit",

src/layout/components/AppMain.vue

@@ -42,7 +42,7 @@ export default {
   }
 
   .fixed-header+.app-main {
-    padding-top: 80px;
+    padding-top: 84px;
   }
 }
 </style>