🎈 perf(根据ui图 重置导航宽度 样式):

dsk-operate-ui/src/assets/styles/sidebar.scss

@@ -66,9 +66,16 @@
       height: 100%;
     }
 
+    .el-scrollbar {
+      .scrollbar-wrapper {
+        padding-top: 20px;
+        box-sizing: border-box;
+      }
+    }
+
     &.has-logo {
       .el-scrollbar {
-        height: calc(100% - 50px);
+        height: calc(100% - 56px);
       }
     }
 
@@ -82,8 +89,14 @@
       overflow: hidden;
     }
 
+    .sidebar-logo-link {
+      display: flex;
+      align-items: center;
+      overflow: hidden;
+    }
+
     .svg-icon {
-      margin-right: 6px;
+      margin-right: 8px;
     }
     .el-submenu__icon-arrow {
       top: 54%;
@@ -94,19 +107,21 @@
     .el-menu {
       border: none;
       height: 100%;
-      width: calc(100% - 16px) !important;
-      margin: 0 8px;
-    }
-    .el-menu--inline {
-      margin: 0;
-      width: 100% !important;
+      width: 100%;
+      padding: 0px 12px;
+      box-sizing: border-box;
+
+      &.el-menu--inline {
+        padding: 0px 8px;
+        box-sizing: border-box;
+      }
     }
     .el-menu--inline .nest-menu .el-menu-item {
       width: 100% !important;
       min-width: 128px;
       font-size: 12px;
       color: #fff !important;
-      padding-left: 23px !important;
+      padding-left: 24px !important;
     }
     .el-menu--inline .nest-menu .el-menu-item .svg-icon {
       display: none;
@@ -114,27 +129,37 @@
 
     .el-menu-item,
     .el-submenu__title {
+      display: flex;
+      align-items: center;
       height: 40px;
       line-height: 40px;
       border: 1px solid #141b2f;
+      border-radius: 10px;
       color: #fff;
-      margin-bottom: 6px;
-      padding: 0 6px !important;
+      margin-bottom: 8px;
+      padding: 0 8px !important;
       overflow: hidden !important;
       text-overflow: ellipsis !important;
       white-space: nowrap !important;
     }
 
+    .el-menu.el-menu--inline {
+      margin: 0;
+      width: 100% !important;
+
+      .el-submenu__title {
+        padding-left: 24px !important;
+      }
+    }
+
     // menu hover
     .el-menu-item.is-active {
       // 点击菜单的颜色
       background-color: #1e2c4c !important;
       color: #fff !important;
-      border-radius: 10px;
       border: 1px solid #2b3f69;
       &:hover {
         background-color: #1e2c4c !important;
-        border-radius: 10px;
         color: #fff !important;
         border: 1px solid #2b3f69;
       }
@@ -146,11 +171,11 @@
     // menu hover
     .submenu-title-noDropdown,
     .el-submenu__title {
+      border-radius: 10px;
       color: #fff !important;
       &:hover {
         background-color: #1e2c4c !important;
         color: #fff !important;
-        border-radius: 10px;
         border: 1px solid #2b3f69;
       }
     }
@@ -163,32 +188,48 @@
     border: 1px solid #2b3f69;
   }
 
-  .sidebar-container .el-submenu .el-menu-item:before,
-  .sidebar-container .nest-menu .el-submenu > .el-submenu__title:before {
-    position: absolute;
-    width: 2px;
-    height: 2px;
-    border-radius: 50%;
-    background: #344062;
-    left: 16px;
-    top: 50%;
-    content: "";
-  }
-  .sidebar-container .el-submenu .el-menu-item:hover:before,
-  .sidebar-container .nest-menu .el-submenu > .el-submenu__title:hover:before {
-    position: absolute;
-    width: 2px;
-    height: 2px;
-    border-radius: 50%;
-    background: #fff;
-    left: 16px;
-    top: 50%;
-    content: "";
-  }
+  // .sidebar-container .el-submenu .el-menu-item:before,
+  // .sidebar-container .nest-menu .el-submenu > .el-submenu__title:before {
+  //   position: absolute;
+  //   width: 2px;
+  //   height: 2px;
+  //   border-radius: 50%;
+  //   background: #344062;
+  //   left: 16px;
+  //   top: 50%;
+  //   content: "";
+  // }
+  // .sidebar-container .el-submenu .el-menu-item:hover:before,
+  // .sidebar-container .nest-menu .el-submenu > .el-submenu__title:hover:before {
+  //   position: absolute;
+  //   width: 2px;
+  //   height: 2px;
+  //   border-radius: 50%;
+  //   background: #fff;
+  //   left: 16px;
+  //   top: 50%;
+  //   content: "";
+  // }
 
   .hideSidebar {
     .sidebar-container {
       width: 48px !important;
+
+      .sidebar-logo-container {
+        padding: 0px;
+
+        .sidebar-logo-link {
+          justify-content: center;
+        }
+      }
+
+      .el-scrollbar {
+        .el-menu--collapse {
+          &.el-menu {
+            padding: 0px 8px;
+          }
+        }
+      }
     }
 
     .main-container {

dsk-operate-ui/src/assets/styles/variables.scss

@@ -50,8 +50,8 @@ $menuHover:#263445;
 $subMenuBg:#1f2d3d;
 $subMenuHover:#001528;
 
-$base-sidebar-width: 144px;
-$sideBarWidth: 144px;
+$base-sidebar-width: 220px;
+$sideBarWidth: 220px;
 
 //系统默认颜色
 $systemColor:#0081FF;

dsk-operate-ui/src/components/SvgIcon/index.vue

@@ -46,8 +46,8 @@ export default {
 
 <style scoped>
 .svg-icon {
-  width: 1.29em;
-  height: 1.29em;
+  width: 16px;
+  height: 16px;
   /*vertical-align: -0.22em;*/
   fill: currentColor;
   overflow: hidden;

dsk-operate-ui/src/layout/components/Sidebar/Logo.vue

@@ -16,7 +16,7 @@
         </router-link>
         <router-link v-else key="expand" class="sidebar-logo-link" to="/">
           <img v-if="logo" :src="logo" class="sidebar-logo" />
-          <h1 class="text-cl1 sidebar-title" :style="{ width: '98px', color: sideTheme === 'theme-dark' ? variables.logoTitleColor : variables.logoLightTitleColor }">{{ title }} </h1>
+          <h1 class="text-cl1 sidebar-title" :style="{ color: sideTheme === 'theme-dark' ? variables.logoTitleColor : variables.logoLightTitleColor }">{{ title }} </h1>
         </router-link>
       </transition>
     </el-popover>
@@ -24,7 +24,7 @@
 </template>
 
 <script>
-import logoImg from '@/assets/images/logo/logo.png'
+import logoImg from '@/assets/images/logo/zjyj-logo.svg'
 import variables from '@/assets/styles/variables.scss'
 
 export default {
@@ -45,7 +45,7 @@ export default {
   },
   data() {
     return {
-      title: '数字化经营履约全生命链路管理系统',
+      title: '中建一局二公司',
       logo: logoImg
     }
   }
@@ -65,11 +65,13 @@ export default {
 .sidebar-logo-container {
   position: relative;
   width: 100%;
-  height: 55px;
-  line-height: 55px;
+  height: 56px;
+  line-height: 56px;
   background: #141b2f;
   border-bottom: 1px solid #1a2743;
   text-align: center;
+  padding: 0px 18px;
+  box-sizing: border-box;
   /*overflow: hidden;*/
 
   & .sidebar-logo-link {
@@ -77,18 +79,17 @@ export default {
     width: 100%;
 
     & .sidebar-logo {
-      width: 16px;
-      height: 23px;
-      vertical-align: middle;
-      margin-right: 3px;
+      min-width: 22px;
+      width: 22px;
+      height: 22px;
+      margin-right: 8px;
     }
 
     & .sidebar-title {
-      display: inline-block;
-      margin: 0;
+      margin: 0px;
       color: #fff;
-      font-weight: 600;
-      line-height: 50px;
+      font-weight: 700;
+      line-height: 22px;
       font-size: 14px;
       font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
       vertical-align: middle;

dsk-operate-ui/src/views/tool/build/index.vue

@@ -147,7 +147,7 @@ import { makeUpHtml, vueTemplate, vueScript, cssStyle } from '@/utils/generator/
 import { makeUpJs } from '@/utils/generator/js'
 import { makeUpCss } from '@/utils/generator/css'
 import drawingDefault from '@/utils/generator/drawingDefault'
-import logo from '@/assets/images/logo/logo.png'
+import logo from '@/assets/images/logo/zjyj-logo.svg'
 import CodeTypeDialog from './CodeTypeDialog'
 import DraggableItem from './DraggableItem'