Commit a96ed9fe authored by wuyongsheng's avatar wuyongsheng

fix: 菜单添加样式

parent e44927b1
/* /*
* @Author: 吴永生#A02208 yongsheng.wu@wholion.com * @Author: 吴永生#A02208 yongsheng.wu@wholion.com
* @Date: 2022-07-11 11:56:58 * @Date: 2022-07-11 11:56:58
* @LastEditors: 吴永生#A02208 yongsheng.wu@wholion.com * @LastEditors: 吴永生 15770852798@163.com
* @LastEditTime: 2022-07-25 15:58:25 * @LastEditTime: 2022-07-27 14:30:57
* @FilePath: /bkunyun/src/components/mui/MyProgress.tsx * @FilePath: /bkunyun/src/components/mui/MyProgress.tsx
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
*/ */
...@@ -58,7 +58,10 @@ const MyProgress = (props: IMyProgressProps) => { ...@@ -58,7 +58,10 @@ const MyProgress = (props: IMyProgressProps) => {
height: "6px", height: "6px",
background: "#F0F2F5", background: "#F0F2F5",
}, },
bar: backgroundColorInfo, bar: {
borderRadius: 3,
...backgroundColorInfo
},
}, },
}, },
}, },
......
...@@ -15,9 +15,6 @@ ...@@ -15,9 +15,6 @@
height: calc(100vh - 57px); height: calc(100vh - 57px);
overflow: scroll; overflow: scroll;
} }
.list {
/* background-color: red; */
}
.listItem { .listItem {
padding: 8px 25px; padding: 8px 25px;
height: 38px; height: 38px;
...@@ -28,9 +25,7 @@ ...@@ -28,9 +25,7 @@
line-height: 22px; line-height: 22px;
} }
.listItem:hover { .listItem:hover {
border-left: 3px solid #1370ff; background-color: #EEF1F5;
color: #1370ff;
background-color: #ebedf0;
} }
.active { .active {
border-left: 3px solid #1370ff; border-left: 3px solid #1370ff;
......
...@@ -25,7 +25,7 @@ const MenuLayout = observer(() => { ...@@ -25,7 +25,7 @@ const MenuLayout = observer(() => {
<Box className={style.container}> <Box className={style.container}>
<Box className={style.aside}> <Box className={style.aside}>
<CurrentProject /> <CurrentProject />
<List className={style.list}> <List>
{permissionStore.sidebarRouters.map((item, index) => { {permissionStore.sidebarRouters.map((item, index) => {
if (item.show) { if (item.show) {
return ( return (
...@@ -33,7 +33,7 @@ const MenuLayout = observer(() => { ...@@ -33,7 +33,7 @@ const MenuLayout = observer(() => {
key={"sidebar" + index} key={"sidebar" + index}
className={classnames({ className={classnames({
[style.listItem]: true, [style.listItem]: true,
[style.active]: item.path === pathname, [style.active]: `/v3${item.path}` === pathname,
})} })}
onClick={() => item.type === "page" && navigate(item.path)} onClick={() => item.type === "page" && navigate(item.path)}
> >
......
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