up

src/layout/components/Sidebar/Item.vue

@@ -36,18 +36,38 @@ export default {
         vnodes.push(<i class={[_icon, 'sub-el-icon']} />)
       }
 
-    if (title) {
-      vnodes.push(<span slot='title'>{(title)}</span>)
+      if (title) {
+      if(title.indexOf('-')>-1) {
+
+        vnodes.push(<span class='boxtitle'><span slot='title'>{(title.split('-')[0])}</span><span class='ftitle'>[{(title.split('-')[1])}]</span></span>)
+      }
+      else{
+        vnodes.push(<span slot='title'>{(title)}</span>)
+      }
     }
     return vnodes
   }
 }
 </script>
 
-<style scoped>
+<style >
 .sub-el-icon {
   color: currentColor;
   width: 1em;
   height: 1em;
+}.el-submenu__title{
+  display: flex;
+  align-items: center;
+  height: auto!important;
+}
+.boxtitle{
+
+  display: flex;
+  flex-direction: column;
+  line-height: 20px;
+
 }
+.el-menu-item{display: flex;height: auto;
+  align-items: center;}
+.ftitle{color: #000;font-size: 13px;}
 </style>