diff --git a/hx-ai-intelligent/src/App.vue b/hx-ai-intelligent/src/App.vue index e67918b..d10dc1a 100644 --- a/hx-ai-intelligent/src/App.vue +++ b/hx-ai-intelligent/src/App.vue @@ -43,160 +43,160 @@ diff --git a/hx-op/src/App.vue b/hx-op/src/App.vue index 86b9210..eb9da2d 100644 --- a/hx-op/src/App.vue +++ b/hx-op/src/App.vue @@ -23,7 +23,7 @@ }); - + --> diff --git a/lib/saas/theme/global-antd.less b/lib/saas/theme/global-antd.less index 7744923..7a71979 100644 --- a/lib/saas/theme/global-antd.less +++ b/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; } +} +//侧边栏收缩单个菜单样式 +.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; + +#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; } diff --git a/lib/saas/theme/variable.less b/lib/saas/theme/variable.less index 7165bb8..36db100 100644 --- a/lib/saas/theme/variable.less +++ b/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; //侧边导航箭头颜色 diff --git a/lib/saas/view/system/layout/sider.vue b/lib/saas/view/system/layout/sider.vue index 9b0c963..b4272a1 100644 --- a/lib/saas/view/system/layout/sider.vue +++ b/lib/saas/view/system/layout/sider.vue @@ -4,7 +4,7 @@