调整菜单显示图标

examples/route.js

@@ -31,7 +31,7 @@ export const routerMap = [
     path: '/DatePicker',
     name: 'DatePicker',
     component: () => import('./containers/DatePicker.vue'),
-    meta: { title: '时间选择' },
+    meta: { title: '时间选择', icon: layoutIcon },
   },
   {
     path: '/layout',

package.json

 {
   "name": "rym-element-ui",
-  "version": "0.1.40",
+  "version": "0.1.41",
   "description": "任意门组件库",
   "main": "lib/rymUi.common.js",
   "scripts": {

src/components/Sidebar/Sidebar.vue

@@ -152,6 +152,8 @@ export default {
     font-size: 12px;
   }
   .el-menu-item {
+    display: flex;
+    align-items: center;
     color: #fff !important;
     text-align: left;
     &:hover {

src/components/Sidebar/SidebarItem.vue

@@ -30,10 +30,6 @@
               :key="child.name"
             >
               <el-menu-item :index="child.path">
-                <!-- <svg-icon
-                v-if="child.meta&&child.meta.icon"
-                :icon-class="child.meta.icon"
-              ></svg-icon> -->
                 <span v-if="child.meta&&child.meta.title">{{child.meta.title}}</span>
                 <span class="menu-arrow"></span>
               </el-menu-item>
@@ -47,6 +43,10 @@
         :to="item.path"
       >
         <el-menu-item :index="item.path">
+          <img-icon
+            v-if="item.meta&&item.meta.icon"
+            :iconName="item.meta.icon"
+          ></img-icon>
           <span v-if="item.meta&&item.meta.title">{{item.meta.title}}</span>
           <span class="menu-arrow"></span>
         </el-menu-item>