153 lines
2.8 KiB
CSS
153 lines
2.8 KiB
CSS
/*菜单背景颜色*/
|
|
|
|
.wea-menu {
|
|
height: 100%;
|
|
color: #727375;
|
|
background-color: #f1f5f9;
|
|
}
|
|
|
|
.wea-menu .scroll-wrapper> .scroll-content {
|
|
overflow-x: hidden !important;
|
|
}
|
|
|
|
.wea-menu .ant-menu-submenu {
|
|
position: initial;
|
|
}
|
|
|
|
.wea-menu-selected {
|
|
background-color: #30bbff;
|
|
color: #fff;
|
|
}
|
|
|
|
.wea-menu-vertical .ant-menu-vertical {
|
|
border: 0;
|
|
}
|
|
|
|
.wea-menu-switch {
|
|
text-align: center;
|
|
height: 40px;
|
|
background-color: #e0e5eb;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.wea-menu-switch .anticon {
|
|
line-height: 40px;
|
|
}
|
|
|
|
.wea-menu-vertical .ant-menu-vertical .ant-menu-submenu>.ant-menu-sub {
|
|
position: fixed;
|
|
}
|
|
|
|
.wea-menu-vertical .wea-menu-submenu-title {
|
|
text-align: center;
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.wea-menu-vertical .wea-menu-submenu-title:after {
|
|
display: none;
|
|
}
|
|
|
|
.wea-menu-inline .ant-menu-submenu-title,
|
|
.wea-menu-vertical .ant-menu-submenu-title,
|
|
.wea-menu-inline .ant-menu-item,
|
|
.wea-menu-vertical .ant-menu-item {
|
|
background-color: rgba(0, 0, 0, 0);
|
|
/*white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;*/
|
|
}
|
|
|
|
/*字体超出*/
|
|
.wea-menu-inline .ant-menu-submenu-title>div>span.wea-menu-tip-out,
|
|
.wea-menu-inline .ant-menu-item>div>span.wea-menu-tip-out{
|
|
display: block;
|
|
max-width: 92%;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
/*修复大小*/
|
|
|
|
.wea-menu-vertical .ant-menu-item {
|
|
margin-left: 0;
|
|
left: 0;
|
|
}
|
|
|
|
|
|
/*选中样式*/
|
|
|
|
.wea-menu-vertical .wea-menu-selected,
|
|
.wea-menu-inline .wea-menu-selected {
|
|
background-color: #30bbff;
|
|
color: #fff;
|
|
}
|
|
|
|
|
|
/*小条目hover*/
|
|
.wea-menu-inline .ant-menu-submenu-title:hover,
|
|
.wea-menu-inline .ant-menu-item:hover,
|
|
.wea-menu-vertical .ant-menu-submenu-active,
|
|
.wea-menu-vertical .ant-menu-item-active{
|
|
background-color: #0077d1;
|
|
color: #fff;
|
|
}
|
|
|
|
|
|
/*纵向根菜单hover*/
|
|
|
|
.wea-menu-vertical .ant-menu-root>.ant-menu-submenu-active,
|
|
.wea-menu-vertical .ant-menu-root>.ant-menu-item-active {
|
|
background-color: #e2e5ec;
|
|
}
|
|
|
|
/*小蓝标*/
|
|
|
|
.wea-menu-vertical .ant-menu-root>.ant-menu-submenu-active:before,
|
|
.wea-menu-vertical .ant-menu-root>.ant-menu-item-active:before {
|
|
border: 2px solid #0077d1;
|
|
display: block;
|
|
content: "";
|
|
width: 0;
|
|
height: 0;
|
|
border-top: 21px solid #0077d1;
|
|
border-bottom: 21px solid #0077d1;
|
|
position: absolute;
|
|
}
|
|
|
|
|
|
|
|
/*纵向菜单一级标题同色*/
|
|
|
|
.wea-menu-vertical .ant-menu-root>.ant-menu-submenu-vertical>ul>li:first-child {
|
|
text-indent: -1em;
|
|
}
|
|
|
|
|
|
/*hover出菜单样式*/
|
|
|
|
.wea-menu-vertical .ant-menu-submenu-active>ul {
|
|
border-radius: 0;
|
|
box-shadow: 2px 0px 5px -1px #ddd;
|
|
background-color: #e2e5ec;
|
|
}
|
|
|
|
|
|
/*选中的菜单hover保持不变*/
|
|
|
|
.wea-menu-vertical .wea-menu-selected:hover,
|
|
.wea-menu-vertical .ant-menu-root>.ant-menu-submenu-vertical:hover>ul>li.wea-menu-selected,
|
|
.wea-menu-inline .wea-menu-selected:hover {
|
|
background-color: #30bbff;
|
|
color: #fff;
|
|
}
|
|
|
|
|
|
/*去掉ant ul菜单右边框*/
|
|
|
|
.wea-menu .ant-menu-inline,
|
|
.wea-menu .wea-menu-vertical {
|
|
border: 0
|
|
}
|
|
|