修改tab栏字体图标

src/components/tabLeft.vue

@@ -3,7 +3,7 @@
     <div class="left">
       <ul>
         <li :class="{active:ind===item.id}" v-for="(item, index) in tabList" :key="index" @click="skip(item.id)">
-          <i class="el-icon-edit"></i>
+          <i :class="item.inon"></i>
           {{ item.name }}
         </li>
       </ul>
@@ -23,12 +23,12 @@ export default {
   data () {
     return {
       tabList: [
-        { name: '藏品登记', id: 0 },
-        { name: '藏品总账', id: 3 },
-        { name: '入库管理', id: 1 },
-        { name: '出库管理', id: 2 },
+        { name: '藏品登记', id: 0, inon: 'el-icon-s-claim' },
+        { name: '藏品总账', id: 3, inon: 'el-icon-s-order' },
+        { name: '入库管理', id: 1, inon: 'el-icon-caret-right' },
+        { name: '出库管理', id: 2, inon: 'el-icon-caret-left' },
         // { name: '藏品盘核', id: 4 },
-        { name: '藏品注销', id: 5 }
+        { name: '藏品注销', id: 5, inon: 'el-icon-delete-solid' }
       ]
     }
   },

src/components/tabLeft2.vue

@@ -2,9 +2,9 @@
 <template>
     <div class="left">
       <ul>
-        <li :class="{active:ind===index}" v-for="(item, index) in tabList" :key="index" @click="skip(index)">
-          <i class="el-icon-edit"></i>
-          {{ item }}
+        <li :class="{active:ind===item.id}" v-for="(item, index) in tabList" :key="index" @click="skip(item.id)">
+          <i :class="item.inon"></i>
+          {{ item.name }}
         </li>
       </ul>
     </div>
@@ -23,9 +23,9 @@ export default {
   data () {
     return {
       tabList: [
-        '征集品总账',
-        '征集品提用',
-        '征集品注销'
+        { name: '征集品总账', id: 0, inon: 'el-icon-s-order' },
+        { name: '征集品提用', id: 1, inon: 'el-icon-caret-left' },
+        { name: '征集品注销', id: 2, inon: 'el-icon-delete-solid' }
       ]
     }
   },

src/components/tabLeft3.vue

@@ -2,9 +2,9 @@
 <template>
     <div class="left">
       <ul>
-        <li :class="{active:ind===index}" v-for="(item, index) in tabList" :key="index" @click="skip(index)">
-          <i class="el-icon-edit"></i>
-          {{ item }}
+        <li :class="{active:ind===item.id}" v-for="(item, index) in tabList" :key="index" @click="skip(item.id)">
+          <i :class="item.inon"></i>
+          {{ item.name }}
         </li>
       </ul>
     </div>
@@ -23,8 +23,8 @@ export default {
   data () {
     return {
       tabList: [
-        '库房设置',
-        '统计报表'
+        { name: '库房设置', id: 0, inon: 'el-icon-s-help' },
+        { name: '统计报表', id: 1, inon: 'el-icon-s-data' }
       ]
     }
   },

src/components/tabLeft4.vue

@@ -3,7 +3,7 @@
     <div class="left">
       <ul>
         <li :class="{active:ind===item.id}" v-for="(item, index) in tabList" :key="index" @click="skip(item.id)">
-          <i class="el-icon-edit"></i>
+          <i :class="item.inon"></i>
           {{ item.name }}
         </li>
       </ul>
@@ -23,8 +23,8 @@ export default {
   data () {
     return {
       tabList: [
-        { name: '用户管理', id: 2 },
-        { name: '系统日志', id: 1 }
+        { name: '用户管理', id: 2, inon: 'el-icon-s-custom' },
+        { name: '系统日志', id: 1, inon: 'el-icon-s-comment' }
       ]
     }
   },