소스 검색

增加阿里图标库 菜单矢量图

dengshaobo 1 년 전
부모
커밋
01b9985c0e
2개의 변경된 파일5개의 추가작업 그리고 5개의 파일을 삭제
  1. 1 1
      index.html
  2. 4 4
      src/layout/components/SiderBar.vue

+ 1 - 1
index.html

@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/favicon.ico" />
-    <link rel="stylesheet" href="https://at.alicdn.com/t/c/font_4940871_gvio3tkxpb.css">
+    <link rel="stylesheet" href="//at.alicdn.com/t/c/font_4939100_ytok8k101vf.css">
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>慧教研后台管理系统</title>
   </head>

+ 4 - 4
src/layout/components/SiderBar.vue

@@ -7,7 +7,7 @@
     <el-menu :collapse="isCollapse" router @handleOpen="handleOpen" @handleClose="handleClose">
       <el-menu-item v-for="item in menuItems" :key="item.route" :index="item.route" :class="activeRoute == item.route ? 'is-active' : ''" >
         <template #default>
-          <i class="iconfont" :class="`icon-${item.icon}`"></i>
+          <i class="iconfont" :class="item.icon"></i>
           <span v-if="!isCollapse">{{ item.label }}</span>
         </template>
         <template #title>
@@ -35,17 +35,17 @@ const isCollapse = ref(false)
 const menuItems = ref([
   {
     label: '学校管理',
-    icon: 'school_normal',
+    icon: 'icon_xuexiaoguanli',
     route: '/main/school',
   },
   {
     label: '运维管理',
-    icon: 'manage_normal',
+    icon: 'icon_yunweiyonghu',
     route: '/main/manager',
   },
   {
     label: '联考管理',
-    icon: 'school_normal',
+    icon: 'icon_liankaoguanli',
     route: '/main/examination',
   }
 ])