问题描述
如何在 React pro 滑块中更改子菜单的背景黑色。
请看图片,有子组件。现在它的背景颜色是黑色如何制作或更改颜色
<div id="header">
{/* collapsed props to change menu size using menucollapse state */}
<ProSidebar collapsed={menuCollapse}>
<SidebarHeader>
<div className="logotext">
{/* small and big change using menucollapse state */}
<p>{menuCollapse ? "logo" : "Big logo"}</p>
</div>
<div className="closemenu" onClick={menuIconClick}>
{/* changing menu collapse icon on click */}
{menuCollapse ? <FiArrowRightCircle /> : <FiArrowLeftCircle />}
</div>
</SidebarHeader>
<SidebarContent>
<Menu iconShape="square">
<MenuItem active={true} icon={<FiHome />}>
Home
</MenuItem>
<SubMenu title="Components" icon={<FaHeart />}>
<MenuItem>Component 1</MenuItem>
<MenuItem>Component 2</MenuItem>
</SubMenu>
<MenuItem icon={<FaList />}>Category</MenuItem>
<MenuItem icon={<faregHeart />}>Favourite</MenuItem>
<MenuItem icon={<RiPencilLine />}>Author</MenuItem>
<MenuItem icon={<BiCog />}>Settings</MenuItem>
</Menu>
</SidebarContent>
<SidebarFooter>
<Menu iconShape="square">
<MenuItem icon={<Filogout />}>logout</MenuItem>
</Menu>
</SidebarFooter>
</ProSidebar>
</div>
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)