左侧菜优化

This commit is contained in:
禺狨 2023-03-09 18:03:54 +08:00
parent c5bd279d38
commit 3340cacbe1
5 changed files with 32 additions and 10 deletions

View File

@ -32,10 +32,16 @@ const items = [
], ],
null null
), ),
getItem("课程中心", "/course", <AppstoreOutlined />, null, null), getItem(
"课程中心",
"4",
<AppstoreOutlined />,
[getItem("线上课", "/course", null, null, null)],
null
),
getItem( getItem(
"学员管理", "学员管理",
"4", "5",
<AppstoreOutlined />, <AppstoreOutlined />,
[ [
getItem("学员", "/member", null, null, null), getItem("学员", "/member", null, null, null),
@ -45,7 +51,7 @@ const items = [
), ),
getItem( getItem(
"系统设置", "系统设置",
"5", "6",
<SettingOutlined />, <SettingOutlined />,
[ [
getItem("管理人员", "/system/administrator", null, null, null), getItem("管理人员", "/system/administrator", null, null, null),
@ -62,8 +68,10 @@ const children2Parent: any = {
"/member": ["4"], "/member": ["4"],
"/department": ["4"], "/department": ["4"],
"/system/administrator": ["5"], "/course": ["5"],
"/system/adminroles": ["5"],
"/system/administrator": ["6"],
"/system/adminroles": ["6"],
}; };
export const LeftMenu: React.FC = () => { export const LeftMenu: React.FC = () => {

View File

@ -123,7 +123,7 @@ code {
height: 150px; height: 150px;
} }
.playedu-main-body { .playedu-main-top{
width: 100%; width: 100%;
height: auto; height: auto;
float: left; float: left;
@ -133,6 +133,20 @@ code {
border-radius: 12px; border-radius: 12px;
} }
.playedu-main-body {
width: 100%;
height: auto;
min-height: calc(100vh - 252px);
float: left;
background-color: white;
box-sizing: border-box;
padding: 24px;
border-radius: 12px;
&.only{
min-height: calc(100vh - 172px);
}
}
.ant-menu-item { .ant-menu-item {
width: calc(100% - 32px) !important; width: calc(100% - 32px) !important;
margin-left: 16px !important; margin-left: 16px !important;

View File

@ -166,7 +166,7 @@ export const CoursePage = () => {
<> <>
<Row> <Row>
<Col span={4}> <Col span={4}>
<div className="playedu-main-body mb-24" style={{ marginLeft: -24 }}> <div className="playedu-main-body" style={{ marginLeft: -24 }}>
<div className="float-left mb-24"> <div className="float-left mb-24">
<div className="d-flex mb-24"> <div className="d-flex mb-24">
<Typography.Text></Typography.Text> <Typography.Text></Typography.Text>
@ -182,7 +182,7 @@ export const CoursePage = () => {
</div> </div>
</Col> </Col>
<Col span={20}> <Col span={20}>
<div className="playedu-main-body mb-24"> <div className="playedu-main-top mb-24">
<div className="float-left d-flex"> <div className="float-left d-flex">
<div className="d-flex mr-24"> <div className="d-flex mr-24">
<Typography.Text></Typography.Text> <Typography.Text></Typography.Text>

View File

@ -183,7 +183,7 @@ export const MemberPage: React.FC = () => {
</div> </div>
</Col> </Col>
<Col span={20}> <Col span={20}>
<div className="playedu-main-body mb-24"> <div className="playedu-main-top mb-24">
<div className="float-left d-flex"> <div className="float-left d-flex">
<div className="d-flex mr-24"> <div className="d-flex mr-24">
<Typography.Text></Typography.Text> <Typography.Text></Typography.Text>

View File

@ -148,7 +148,7 @@ export const SystemAdministratorPage: React.FC = () => {
return ( return (
<> <>
<div className="playedu-main-body mb-24"> <div className="playedu-main-top mb-24">
<div className="float-left d-flex"> <div className="float-left d-flex">
<div className="d-flex mr-24"> <div className="d-flex mr-24">
<Typography.Text></Typography.Text> <Typography.Text></Typography.Text>