perf: refine style

Author: PanJiaChen

src/layout/components/Sidebar/Item.vue

@@ -31,3 +31,11 @@ export default {
   }
 }
 </script>
+
+<style scoped>
+.sub-el-icon {
+  color: currentColor;
+  width: 1em;
+  height: 1em;
+}
+</style>

src/router/index.js

@@ -204,7 +204,7 @@ export const asyncRoutes = [
         path: 'create',
         component: () => import('@/views/example/create'),
         name: 'CreateArticle',
-        meta: { title: 'Create Article', icon: 'edit' }
+        meta: { title: 'Create Article', icon: 'el-icon-s-help' }
       },
       {
         path: 'edit/:id(\\d+)',

src/styles/sidebar.scss

@@ -58,11 +58,8 @@
     }
 
     .sub-el-icon {
-      margin-right: 13px;
-      margin-left: -1px;
-      color: currentColor;
-      width: 1em;
-      height: 1em;
+      margin-right: 12px;
+      margin-left: -2px;
     }
 
     .el-menu {
@@ -194,6 +191,10 @@
     .svg-icon {
       margin-right: 16px;
     }
+    .sub-el-icon {
+      margin-right: 12px;
+      margin-left: -2px;
+    }
   }
 
   .nest-menu .el-submenu>.el-submenu__title,