添加font awesome图标

package.json

@@ -14,6 +14,7 @@
     "element-ui": "^2.4.9",
     "register-service-worker": "^1.0.0",
     "vue": "^2.5.17",
+    "vue-awesome": "^3.2.0",
     "vue-router": "^3.0.1",
     "vuex": "^3.0.1"
   },

src/main.js

@@ -5,6 +5,7 @@ import store from "./store";
 // import "./registerServiceWorker";
 import "./plugins/element.js";
 import "./plugins/axios";
+import "./plugins/vueAwesome";
 
 import "./styles/global.css";
 

src/modules/portal/components/Home.vue

@@ -62,10 +62,12 @@
             <i class="el-icon-setting"></i> <span slot="title">阅卷</span>
           </el-menu-item>
           <el-menu-item index="6">
-            <i class="el-icon-setting"></i> <span slot="title">印刷</span>
+            <v-icon name="print" class="el-icon-" />
+            <span slot="title">印刷</span>
           </el-menu-item>
           <el-menu-item index="7">
-            <i class="el-icon-setting"></i> <span slot="title">报表</span>
+            <v-icon name="flag" class="el-icon-" />
+            <span slot="title">报表</span>
           </el-menu-item>
         </el-menu>
       </el-aside>

src/plugins/vueAwesome.js

@@ -0,0 +1,7 @@
+import Vue from "vue";
+import Icon from "vue-awesome/components/Icon";
+
+import "vue-awesome/icons/flag";
+import "vue-awesome/icons/print";
+
+Vue.component("v-icon", Icon);

vue.config.js

@@ -67,5 +67,6 @@ module.exports = {
       // Ignore all locale files of moment.js
       new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/)
     ]
-  }
+  },
+  transpileDependencies: [/\bvue-awesome\b/]
 };

yarn.lock

@@ -9444,6 +9444,11 @@ vm-browserify@0.0.4:
   dependencies:
     indexof "0.0.1"
 
+vue-awesome@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/vue-awesome/-/vue-awesome-3.2.0.tgz#885a64eab6fba6f51ba9b6565f2747ac0e35a2cc"
+  integrity sha512-wQf8Baxo3d8ijwxYRhYrbnMtw27B9IVc3fSEN/NIWWgJTBvaT3chfpVnVaXanOMBmSR/tmsjgtYvrQMIZt2edA==
+
 vue-cli-plugin-axios@0.0.4:
   version "0.0.4"
   resolved "https://registry.yarnpkg.com/vue-cli-plugin-axios/-/vue-cli-plugin-axios-0.0.4.tgz#29d4eb48275c7fe15b92e1fd5d95fbe2a966436f"