feat: 引入iconfontHEADmain

3 files changed, 24 insertions, 9 deletions

diff --git a/src/components/layout/index.vue b/src/components/layout/index.vue
index 62858ac..83f6672 100644
--- a/src/components/layout/index.vue
+++ b/src/components/layout/index.vue
@@ -23,7 +23,7 @@ import leftMenu from '@/components/layout/leftMenu.vue';
     height: calc(100vh - 70px);
     position: relative;
     .pageContent {
-      padding: 18px 45px 32px 107px;
+      padding: 25px 50px 25px calc(64px + 50px);
       width: 100%;
       height: 100%;
       display: flex;
diff --git a/src/components/layout/layoutHeader.vue b/src/components/layout/layoutHeader.vue
index b2bf673..325bc21 100644
--- a/src/components/layout/layoutHeader.vue
+++ b/src/components/layout/layoutHeader.vue
@@ -68,9 +68,7 @@
               </div>
             </el-dropdown-item>
             <el-dropdown-item>
-              <el-icon :size="16">
-                <CircleClose />
-              </el-icon>
+              <i class="asw-icon icon-sign-out"></i>
               <span class="profile-text">Sign Out</span>
             </el-dropdown-item>
           </el-dropdown-menu>
@@ -84,7 +82,7 @@
         popper-class="headerMore-popper"
       >
         <button class="headerMore-dropdown-button">
-          <el-icon><Grid /></el-icon>
+          <i class="asw-icon icon-More"></i>
         </button>
         <template #dropdown>
           <el-dropdown-menu>
@@ -256,12 +254,14 @@ const themeChange = (val) => {
         cursor: pointer;
         outline: none;
         color: var(--text);
-        font-size: 22px;
         width: 28px;
         height: 28px;
         display: flex;
         justify-content: center;
         align-items: center;
+        i{
+          font-size: 18px;
+        }
         &:hover {
           color: var(--primary);
         }
@@ -276,7 +276,11 @@ const themeChange = (val) => {
 </style>
 <style lang="scss">
 .avatar-popper {
-  .profile-text, .el-icon {
+  .profile-text  {
+    color: var(--text);
+  }
+  i{
+    font-size: 18px;
     color: var(--text);
   }
   .profile-info{
diff --git a/src/components/layout/leftMenu.vue b/src/components/layout/leftMenu.vue
index 8360919..c4115aa 100644
--- a/src/components/layout/leftMenu.vue
+++ b/src/components/layout/leftMenu.vue
@@ -11,7 +11,7 @@
         @click="jummp(item.route)"
       >
         <div class="leftMenu-icon">
-          <el-icon><Notebook /></el-icon>
+          <i class="asw-icon" :class="item.icon"></i>
         </div>
         <div class="leftMenu-text">{{ item.name }}</div>
       </li>
@@ -53,34 +53,42 @@ const menuList = ref([
   {
     name: 'Workbooks',
     route: '/workbooks',
+    icon: 'icon-Workbooks',
   },
   {
     name: 'Applications',
     route: '/applications',
+    icon: 'icon-Applications',
   },
   {
     name: 'Signatures',
     route: '/signatures',
+    icon: 'icon-Signatures',
   },
   {
     name: 'Pcaps',
     route: '/pcaps',
+    icon: 'icon-Pcaps',
   },
   {
     name: 'Packages',
     route: '/packages',
+    icon: 'icon-Packages',
   },
   {
     name: 'Jobs',
     route: '/jobs',
+    icon: 'icon-Jobs',
   },
   {
     name: 'Playbooks',
     route: '/playbooks',
+    icon: 'icon-Playbooks',
   },
   {
     name: 'Runners',
     route: '/runners',
+    icon: 'icon-Runners',
   },
 ]);
 </script>
@@ -139,8 +147,11 @@ const menuList = ref([
         display: flex;
         justify-content: center;
         align-items: center;
-        font-size: 32px;
+        font-size: 30px;
         color: var(--text_secondary);
+        i{
+          font-size: inherit;
+        }
       }
       .leftMenu-text {
         display: none;