Skip to content

X
xiaomai-cloud-class-web
Commit 4fa775ed by maolipeng
Options

fix:左侧菜单优化

parent eb16f661
Showing with 11 additions and 11 deletions
src/modules/root/Menu.tsx
...@@ -56,9 +56,9 @@ function Aside(props: any) { ...@@ -56,9 +56,9 @@ function Aside(props: any) {
} }
function toggleMenu(item: any) { function toggleMenu(item: any) {
window.RCHistory.push(item.link) window.RCHistory.push(item.link)
// if (!menuType) { if (!menuType) {
// setOpenKeys([]) setOpenKeys([])
// } }
} }
function onOpenChange(key: Key[]) { function onOpenChange(key: Key[]) {
if (typeof key === "string") { if (typeof key === "string") {
...@@ -90,11 +90,11 @@ function Aside(props: any) { ...@@ -90,11 +90,11 @@ function Aside(props: any) {
function handleMenu() { function handleMenu() {
handleMenuType(); handleMenuType();
setCollapsed(!collapsed) setCollapsed(!collapsed)
if (!collapsed) { // if (!collapsed) {
setOpenKeys([]) // setOpenKeys([])
} else { // } else {
setOpenKeys(lastOpenKeys) // setOpenKeys(lastOpenKeys)
} // }
} }
return ( return (
...@@ -131,9 +131,9 @@ function Aside(props: any) { ...@@ -131,9 +131,9 @@ function Aside(props: any) {
<div className="nav"> <div className="nav">
<Menu <Menu
style={{ minHeight: "100%", background: '#0E1935' }} style={menuType ? { minHeight: "100%", background: '#0E1935' }:{minHeight: "100%", background: '#0E1935',width:"56px" }}
selectedKeys={selectKey} selectedKeys={selectKey}
// openKeys={openKeys} openKeys={openKeys}
onOpenChange={onOpenChange} onOpenChange={onOpenChange}
inlineCollapsed={collapsed} inlineCollapsed={collapsed}
mode={menuType ? "inline" : "vertical"} mode={menuType ? "inline" : "vertical"}
...@@ -167,7 +167,7 @@ function Aside(props: any) { ...@@ -167,7 +167,7 @@ function Aside(props: any) {
return <Menu.Item return <Menu.Item
onClick={() => { toggleMenu(item) }} onClick={() => { toggleMenu(item) }}
key={item.groupCode} key={item.groupCode}
icon={selectKey === item.groupCode ? <img src={item.selectImg} className="icon-img"></img>:<img src={item.img} className="icon-img"></img>} icon={<img src={selectKey === item.groupCode ? item.selectImg : item.img} className="icon-img"></img>}
> >
{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