Commit 86311693 by guomingpang

fix:选中菜单高亮bug修复

parent 21e43782
...@@ -63,6 +63,8 @@ ...@@ -63,6 +63,8 @@
} }
.icon-img-box { .icon-img-box {
// display: flex; // display: flex;
display: inline-block;
height: 40px;
.icon-img { .icon-img {
margin-left: 12px; margin-left: 12px;
} }
...@@ -81,7 +83,7 @@ ...@@ -81,7 +83,7 @@
position: absolute; position: absolute;
} }
.ant-menu-item { .ant-menu-item {
padding-left: 12px !important; padding-left: 0 !important;
padding-right: 0px; padding-right: 0px;
margin: 6px 8px; margin: 6px 8px;
width: calc(100% - 15px); width: calc(100% - 15px);
......
...@@ -160,7 +160,17 @@ function Aside(props: any) { ...@@ -160,7 +160,17 @@ function Aside(props: any) {
toggleMenu(item, item.groupCode); toggleMenu(item, item.groupCode);
}} }}
key={item.groupCode} key={item.groupCode}
icon={<img src={selectKey === item.groupCode ? item.selectImg : item.img} className='icon-img'></img>}> icon={
!menuType && item.groupCode === selectKeyParent ? (
<div className='icon-img-box' style={{ backgroundColor: '#2966FF', width: '40px' }}>
<img src={item.selectImg} className='icon-img' />
</div>
) : (
<div className='icon-img-box' style={{ width: '30px' }}>
<img src={selectKey === item.groupCode ? item.selectImg : item.img} className='icon-img' />
</div>
)
}>
{menuType ? item.groupName : ''} {menuType ? item.groupName : ''}
</Menu.Item> </Menu.Item>
); );
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment