左侧菜优化

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

View File

@ -123,7 +123,7 @@ code {
height: 150px;
}
.playedu-main-body {
.playedu-main-top{
width: 100%;
height: auto;
float: left;
@ -133,6 +133,20 @@ code {
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 {
width: calc(100% - 32px) !important;
margin-left: 16px !important;

View File

@ -166,7 +166,7 @@ export const CoursePage = () => {
<>
<Row>
<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="d-flex mb-24">
<Typography.Text></Typography.Text>
@ -182,7 +182,7 @@ export const CoursePage = () => {
</div>
</Col>
<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="d-flex mr-24">
<Typography.Text></Typography.Text>

View File

@ -183,7 +183,7 @@ export const MemberPage: React.FC = () => {
</div>
</Col>
<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="d-flex mr-24">
<Typography.Text></Typography.Text>

View File

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