feat；sider样式补充

lib/saas/theme/global-antd.less

@@ -1,43 +1,63 @@
 /**
   Ant全局组件样式
  */
- .ant-menu-submenu-popup{
-  .ant-menu-title-content a{
-    margin-left: 0!important;
+.ant-menu-submenu-popup {
+  .ant-menu-title-content a {
+    margin-left: 0 !important;
   }
-  .ant-menu-submenu-title .anticon + span{
+  .ant-menu-submenu-title .anticon + span {
     margin-left: 0 !important;
   }
   .ant-menu-submenu {
-    height: 40px ;
+    height: 40px;
     margin-top: 4px !important;
     margin-bottom: 4px !important;
     // display: flex;
     // align-items: center;
   }
-   .ant-menu-submenu-title .ant-menu-title-content .anticon{
+  .ant-menu-submenu-title .ant-menu-title-content .anticon {
     margin-left: 0 !important;
     margin-right: 6px;
   }
-  li{
+  li {
     display: flex;
     align-items: center;
   }
-
 }
-#app .ant-layout-has-sider .ant-menu-vertical .ant-menu-item,#app .ant-menu-vertical-left .ant-menu-item, #app.ant-menu-vertical-right .ant-menu-item,#app .ant-menu-inline .ant-menu-item,#app .ant-menu-vertical .ant-menu-submenu-title,#app .ant-menu-vertical-left .ant-menu-submenu-title,#app .ant-menu-vertical-right .ant-menu-submenu-title,#app .ant-menu-inline .ant-menu-submenu-title {
-   margin-top: 0px !important;
+
+//侧边栏收缩单个菜单样式
+.ant-menu-inline-collapsed-tooltip {
+  .ant-tooltip-inner,
+  .ant-tooltip-arrow-content {
+    background-color: @white;
+    a {
+      color: @black !important;
+    }
+  }
+}
+
+#app .ant-layout-has-sider .ant-menu-vertical .ant-menu-item,
+#app .ant-menu-vertical-left .ant-menu-item,
+#app.ant-menu-vertical-right .ant-menu-item,
+#app .ant-menu-inline .ant-menu-item,
+#app .ant-menu-vertical .ant-menu-submenu-title,
+#app .ant-menu-vertical-left .ant-menu-submenu-title,
+#app .ant-menu-vertical-right .ant-menu-submenu-title,
+#app .ant-menu-inline .ant-menu-submenu-title {
+  margin-top: 0px !important;
   margin-bottom: 0px !important;
   // height: 50px !important;
 }
 
-.ant-menu-vertical.ant-menu-sub, .ant-menu-vertical-left.ant-menu-sub, .ant-menu-vertical-right.ant-menu-sub{
+.ant-menu-vertical.ant-menu-sub,
+.ant-menu-vertical-left.ant-menu-sub,
+.ant-menu-vertical-right.ant-menu-sub {
   min-width: 0 !important;
 }
-.ant-menu-submenu .ant-menu-sub{
+.ant-menu-submenu .ant-menu-sub {
   min-width: 0 !important;
 }
-.ant-layout-sider-children{
+.ant-layout-sider-children {
   padding-bottom: 40px;
 }
 
@@ -84,11 +104,11 @@
   width: 100%;
   height: 100%;
   position: absolute;
-  top:0;
-  left:0;
+  top: 0;
+  left: 0;
   content: '';
   // background-color:red;
-  opacity: .1;
+  opacity: 0.1;
 }
 //
 // .ant-menu-item:not(.ant-menu-item-selected) a:hover {
@@ -114,26 +134,23 @@
 // }
 
 .ant-menu-submenu-arrow {
- color: @layout-sider-arrow-color;
+  color: @layout-sider-arrow-color;
 }
 //
 //
 
-
-
 // //btn
 // .ant-btn:hover {
 //   border-color: @border-color-base;
 // }
 
-// 
-.ant-btn-primary:hover, .ant-btn-primary:focus {
+//
+.ant-btn-primary:hover,
+.ant-btn-primary:focus {
   // color: #fff !important;
   // color: #fff ;
 }
 
-
-
 //禁用时鼠标光标
 .ant-btn[disabled],
 .ant-btn[disabled]:hover,
@@ -154,7 +171,6 @@
   box-shadow: none !important;
 }
 
-
 .ant-input-affix-wrapper-focused {
   box-shadow: none !important;
 }
@@ -195,8 +211,6 @@
   }
 }
 
-
-
 //.ant-btn[disabled],
 //.ant-btn[disabled]:hover {
 //  border: 1px solid transparent;
@@ -266,13 +280,15 @@
 // 表头加粗
 .ant-table-thead > tr > th {
   font-weight: bold;
- }
+}
 
 //表头不换行
-.ant-table-thead > tr > th{
+.ant-table-thead > tr > th {
   word-break: keep-all;
   white-space: nowrap;
 }
-.ant-menu.ant-menu-dark, .ant-menu-dark .ant-menu-sub, .ant-menu.ant-menu-dark .ant-menu-sub{
+.ant-menu.ant-menu-dark,
+.ant-menu-dark .ant-menu-sub,
+.ant-menu.ant-menu-dark .ant-menu-sub {
   background-size: cover;
 }

lib/saas/theme/variable.less

@@ -20,6 +20,7 @@
 @layout-header-padding: 0 50px;
 
 @layout-sider-width: 220px; //侧边导航宽度
+@layout-sider-collapsed-width: 60px; //侧边导航收缩宽度
 @layout-sider-arrow-color: @black; //侧边导航箭头颜色