icon图标引入

public/index.html

@@ -10,6 +10,9 @@
     <%= htmlWebpackPlugin.options.title %>
   </title>
 
+  <!-- 引入iconfont -->
+  <link rel="stylesheet" href="//at.alicdn.com/t/c/font_3810807_7noeejntekj.css">
+
   <script src="./js/jQuery/jquery-1.11.1.min.js"></script>
 
   <!-- 配置文件 -->

src/components/header_components.vue

 <template>
-	<div class="headerT">
-		<img src="../assets/img/jh.png" style="margin-right:16px;    position: relative; top: -2px;">{{headerTitle}}
-	</div>
+  <div class="headerT">
+    <img
+      src="../assets/img/jh.png"
+      style="margin-right:16px;    position: relative; top: -2px;"
+    >{{headerTitle}}
+  </div>
 </template>
 
 <script>
-	import "@/assets/js/iconfont.js";
-	export default {
-		name: "headerT",
-		props: {
-			headerTitle: String,
-			headerIcon: String,
-		}
-	}
+import "@/assets/js/iconfont.js";
+export default {
+  name: "headerT",
+  props: {
+    headerTitle: String,
+    headerIcon: String,
+  },
+};
 </script>
 
 <style scoped lang="scss">
-	@import '../assets/styles/main.scss';
-	@import url("../assets/styles/iconfont.css");
-	@import url("../assets/styles/font-awesome.min.css");
+@import "../assets/styles/main.scss";
+// @import url("../assets/styles/iconfont.css");
+@import url("../assets/styles/font-awesome.min.css");
 </style>
\ No newline at end of file

src/router/modules/index.js

@@ -72,7 +72,7 @@ export default [
         component: () => import('@/views/sjfx/sjfx.vue'),
         meta: {
           title: '数据分析',
-          iconfont: 'iconliandong',
+          iconfont: 'icon-shishidapingbeifen_jingquan',
           isOneMenu: true
         }
       },
@@ -82,7 +82,7 @@ export default [
         name: 'jqjsgzgl',
         meta: {
           title: '警犬技术工作管理',
-          iconfont: 'iconliandong',
+          iconfont: 'icon-peixun_jingquan',
           isOneMenu: true
         },
         redirect: {
@@ -156,7 +156,7 @@ export default [
         component: () => import('@/views/artisanManage/index.vue'),
         meta: {
           title: '警犬技术人员管理',
-          iconfont: 'iconliandong',
+          iconfont: 'icon-renyuanguanli_jingquan',
           isOneMenu: true,
           routeNames: ['artisanManageEdit', 'artisanManageAdd']
         }
@@ -189,7 +189,7 @@ export default [
         name: 'poDogManage',
         meta: {
           title: '警犬管理',
-          iconfont: 'iconliandong',
+          iconfont: 'icon-jingquanguanli_jingquan',
           isOneMenu: true
         },
         redirect: {
@@ -239,7 +239,7 @@ export default [
         name: 'poDogElectron',
         meta: {
           title: '警犬电子沙盘',
-          iconfont: 'iconliandong',
+          iconfont: 'icon-dianzishapan_jingquan',
           isOneMenu: true
         },
         redirect: {
@@ -277,7 +277,7 @@ export default [
         name: 'systemManage',
         meta: {
           title: '系统管理',
-          iconfont: 'iconliandong',
+          iconfont: 'icon-shezhi_jingquan',
           isOneMenu: true
         },
         redirect: {

src/views/sy/index.vue

@@ -65,8 +65,8 @@
             >
               <span style="padding-right: 5px; font-size: 12px; color: #525467">数据大屏</span>
               <i
-                class="iconfont icongonggongyunkong"
-                style="vertical-align: middle; vertical-align: middle"
+                class="iconfont icon-shishidapingbeifen_jingquan"
+                style="vertical-align: middle; vertical-align: middle;font-size:16px;"
               ></i>
             </span>
             <span style="vertical-align: middle">