fix: correct collapse style

lbwa · Oct 9, 2018 · 8ae3123 · 8ae3123
1 parent bd18ab9
commit 8ae3123
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/components/App/RecursiveAside/Item.vue b/src/components/App/RecursiveAside/Item.vue
@@ -23,7 +23,7 @@
     >
       <template slot="title">
         <i v-if="route.meta && route.meta.icon" :class="route.meta.icon"></i>
-        <span slot="title">{{route.meta.title}}</span>
+        <span class="menu__item__title" slot="title">{{route.meta.title}}</span>
       </template>
       <!-- recursive core area: to all route children -->
       <template
@@ -74,12 +74,12 @@ export default {
 <style lang="sass">
 .el-menu--collapse
   & .el-menu-item
-    & .el-submenu__icon-arrow
+    & .el-submenu__icon-arrow, .menu__item__title
       display: none
 
 .el-menu--collapse
   & .el-submenu
     & .el-submenu__title
-      & .el-submenu__icon-arrow
+      & .el-submenu__icon-arrow, .menu__item__title
         display: none
 </style>