修改

src/layout/components/Sidebar/Item.vue

@@ -17,11 +17,16 @@ export default {
     const vnodes = []
 
     if (icon) {
-      vnodes.push(<svg-icon icon-class={icon}/>)
+      vnodes.push(<div><svg-icon icon-class={icon}/></div>)
     }
 
     if (title) {
-      vnodes.push(<span slot='title'>{(title)}</span>)
+      vnodes.push(
+        <div style='padding-bottom: 5px;' slot='title'>
+          <div> {(title.split(';')[0])} </div>
+          <div style='padding-left: 5px;font-size: 12px;'>{(title.split(';')[1])}</div>
+        </div>
+      )
     }
     return vnodes
   }

src/layout/components/Sidebar/Logo.vue

@@ -56,6 +56,7 @@ export default {
     width: 100%;
 
     & .sidebar-logo {
+      margin-left: 55px;
       width: 67px;
       height: 36px;
       vertical-align: middle;

src/layout/components/Sidebar/SidebarItem.vue

@@ -3,17 +3,13 @@
     <template v-if="item.showFather !== 'true' && hasOneShowingChild(item.children,item) && (!onlyOneChild.children||onlyOneChild.noShowingChildren)&&!item.alwaysShow">
       <app-link v-if="onlyOneChild.meta" :to="resolvePath(onlyOneChild.path)">
         <div class="menuTitle">
-          <el-menu-item :index="resolvePath(onlyOneChild.path)" :class="{'submenu-title-noDropdown':!isNest}">
-            <item
-              v-if="onlyOneChild.meta.title.split(';')[1] === 'Home Page'"
-              :icon="onlyOneChild.meta.icon||(item.meta&&item.meta.icon)"
-              :title="onlyOneChild.meta.title.split(';')[0]+ '\n' + '         '+ onlyOneChild.meta.title.split(';')[1]"
-            />
-            <item
-              v-else
-              :icon="onlyOneChild.meta.icon||(item.meta&&item.meta.icon)"
-              :title=" '       ' + onlyOneChild.meta.title.split(';')[0]+ '\n' + '       ' + onlyOneChild.meta.title.split(';')[1]"
-            />
+          <el-menu-item style="" :index="resolvePath(onlyOneChild.path)" :class="{'submenu-title-noDropdown':!isNest}">
+            <div :class="{'childMenu':onlyOneChild.meta.title !== '平台首页;Home Page'}" style="display: flex;">
+              <item
+                :icon="onlyOneChild.meta.icon||(item.meta&&item.meta.icon)"
+                :title="onlyOneChild.meta.title"
+              />
+            </div>
           </el-menu-item>
         </div>
       </app-link>
@@ -25,7 +21,7 @@
           <item
             v-if="item.meta"
             :icon="item.meta && item.meta.icon"
-            :title="item.meta.title.split(';')[0] + '\n' + '         ' + item.meta.title.split(';')[1] "
+            :title="item.meta.title"
           />
         </div>
       </template>
@@ -111,13 +107,19 @@ export default {
 }
 </script>
 <style lang="scss">
+.childMenu{
+  padding-left: 20px!important;
+}
 .menuTitle{
   .el-menu-item{
+    padding-top: 10px;
+    height: 65px;
     line-height: 24px!important;
     white-space: pre-wrap!important;
   }
 }
 .metaTitle{
+  display: flex!important;
   line-height: 24px!important;
   white-space: pre-wrap!important;
 }

src/styles/sidebar.scss

@@ -56,7 +56,7 @@
     }
 
     .svg-icon {
-      margin-right: 17px;
+      margin-right: 7px;
       font-size: 20px;
     }