mirror of
https://github.com/PlayEdu/backend
synced 2025-06-28 10:44:19 +08:00
左侧菜优化
This commit is contained in:
parent
c5bd279d38
commit
3340cacbe1
@ -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),
|
||||||
@ -61,9 +67,11 @@ const children2Parent: any = {
|
|||||||
|
|
||||||
"/member": ["4"],
|
"/member": ["4"],
|
||||||
"/department": ["4"],
|
"/department": ["4"],
|
||||||
|
|
||||||
|
"/course": ["5"],
|
||||||
|
|
||||||
"/system/administrator": ["5"],
|
"/system/administrator": ["6"],
|
||||||
"/system/adminroles": ["5"],
|
"/system/adminroles": ["6"],
|
||||||
};
|
};
|
||||||
|
|
||||||
export const LeftMenu: React.FC = () => {
|
export const LeftMenu: React.FC = () => {
|
||||||
|
@ -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;
|
||||||
|
@ -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>
|
||||||
|
@ -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>
|
||||||
|
@ -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>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user