fix(menu): fix menu icon style

This commit is contained in:
vben 2020-12-03 22:05:34 +08:00
parent c303ec1a23
commit 1bc237d77a
4 changed files with 20 additions and 3 deletions

View File

@ -17,7 +17,8 @@
### 🐛 Bug Fixes
-修复表格 i18n 错误
- 修复表格 i18n 错误
- 修复菜单图标大小不一致
## 2.0.0-rc.12 (2020-11-30)

View File

@ -212,6 +212,10 @@
background: @sider-dark-bg-color;
.active-menu-style();
.menu-item-icon.app-iconify {
display: inline-block !important;
}
.ant-menu-item.ant-menu-item-selected.basic-menu-menu-item__level1,
.ant-menu-submenu-selected.basic-menu-menu-item__level1 {
color: @white;
@ -232,6 +236,10 @@
.basic-menu-item__level3:not(.ant-menu-item-selected) {
background-color: @sider-dark-lighten-2-bg-color;
.ant-menu-item {
background-color: @sider-dark-lighten-2-bg-color;
}
}
.ant-menu-submenu-title {
@ -253,6 +261,10 @@
overflow-x: hidden;
border-right: none;
.menu-item-icon.app-iconify {
display: inline-block !important;
}
// .ant-menu-item-selected {
// background: fade(@primary-color, 18%);
// }

View File

@ -1,6 +1,9 @@
.multiple-tab-header {
flex: 0 0 auto;
margin-left: -1px;
&.dark {
margin-left: -1px;
}
&.fixed {
position: fixed;

View File

@ -29,6 +29,7 @@ export default defineComponent({
getShowFullHeaderRef,
getShowHeader,
getUnFixedAndFull,
getHeaderTheme,
} = useHeaderSetting();
const { getFullContent } = useFullContent();
@ -110,7 +111,7 @@ export default defineComponent({
{unref(getIsShowPlaceholderDom) && <div style={unref(getPlaceholderDomStyle)} />}
<div
style={unref(getWrapStyle)}
class={['multiple-tab-header', { fixed: unref(getIsFixed) }]}
class={['multiple-tab-header', unref(getHeaderTheme), { fixed: unref(getIsFixed) }]}
>
{unref(getShowInsetHeaderRef) && <LayoutHeader ref={headerElRef} />}
{unref(showTabsRef) && <MultipleTabs ref={tabElRef} />}