hz/fe-manage
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git synced 2025-12-11 03:46:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat:修改项目页面,查看学员,说明抽屉

Browse Source
This commit is contained in:
岳佳鑫
2022-10-26 16:28:19 +08:00
parent 25a79633e6
commit c58bbe7b12
3 changed files with 73 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/drawers/ProMess.vue
View File

@@ -8,7 +8,7 @@
> >
<div class="drawerMain"> <div class="drawerMain">
<div class="header"> <div class="header">
<div class="headerTitle">项目信息</div> <div class="headerTitle">任务信息</div>
<img <img
style="width: 29px; height: 29px; cursor: pointer" style="width: 29px; height: 29px; cursor: pointer"
src="../../assets/images/basicinfo/close.png" src="../../assets/images/basicinfo/close.png"

2
src/components/drawers/SeeStu.vue
View File

@@ -8,7 +8,7 @@
> >
<div class="drawerMain"> <div class="drawerMain">
<div class="header"> <div class="header">
<div class="headerTitle">学员换组</div> <div class="headerTitle">查看</div>
<img <img
style="width: 29px; height: 29px; cursor: pointer" style="width: 29px; height: 29px; cursor: pointer"
src="../../assets/images/basicinfo/close.png" src="../../assets/images/basicinfo/close.png"

98
src/views/projectcenter/ProjectManage.vue
View File

@@ -45,9 +45,7 @@
style="width: 270px" style="width: 270px"
/> />
</div> </div>
</div> <div class="btnn btn1">
<div class="btns">
<div class="btn btn1">
<div class="search"></div> <div class="search"></div>
<div class="btnText">搜索</div> <div class="btnText">搜索</div>
</div> </div>
@@ -55,6 +53,8 @@
<div class="search"></div> <div class="search"></div>
<div class="btnText">重置</div> <div class="btnText">重置</div>
</div> </div>
</div>
<div class="btns">
<div class="btn btn3" @click="showModal1"> <div class="btn btn3" @click="showModal1">
<div class="search"></div> <div class="search"></div>
<div class="btnText">创建项目</div> <div class="btnText">创建项目</div>
@@ -2580,10 +2580,6 @@ export default {
margin-right: 20px; margin-right: 20px;
margin-bottom: 20px; margin-bottom: 20px;
} }
}
.btns {
display: flex;
// flex-wrap: wrap;
.btn { .btn {
padding: 0px 26px 0px 26px; padding: 0px 26px 0px 26px;
height: 38px; height: 38px;
@@ -2595,6 +2591,7 @@ export default {
justify-content: center; justify-content: center;
margin-right: 14px; margin-right: 14px;
flex-shrink: 0; flex-shrink: 0;
cursor: pointer;
.search { .search {
background-size: 100%; background-size: 100%;
} }
@@ -2606,11 +2603,34 @@ export default {
margin-left: 5px; margin-left: 5px;
} }
} }
.btnn {
padding: 0px 26px 0px 26px;
height: 38px;
background: #409EFF;
border-radius: 8px;
border: 1px solid rgba(64, 158, 255, 1);
display: flex;
align-items: center;
justify-content: center;
margin-right: 14px;
flex-shrink: 0;
cursor: pointer;
.search {
background-size: 100%;
}
.btnText {
font-size: 14px;
font-weight: 400;
color: #FFFFFF;
line-height: 36px;
margin-left: 5px;
}
}
.btn1 { .btn1 {
.search { .search {
width: 15px; width: 15px;
height: 17px; height: 17px;
background-image: url("../../assets/images/courseManage/search1.png"); background-image: url("../../assets/images/courseManage/search0.png");
} }
} }
.btn2 { .btn2 {
@@ -2620,16 +2640,8 @@ export default {
background-image: url("../../assets/images/courseManage/reset1.png"); background-image: url("../../assets/images/courseManage/reset1.png");
} }
} }
.btn3 {
margin-right: 0px;
.search {
width: 17px;
height: 18px;
background-image: url("../../assets/images/courseManage/add1.png");
}
}
.btn1:hover { .btn1:hover {
background: rgba(64, 158, 255, 1); background: rgba(64, 158, 255, 0.76);
.search { .search {
background-image: url("../../assets/images/courseManage/search0.png"); background-image: url("../../assets/images/courseManage/search0.png");
} }
@@ -2637,23 +2649,55 @@ export default {
color: #ffffff; color: #ffffff;
} }
} }
.btn1:active {
background: #0982ff;
}
.btn2:hover { .btn2:hover {
background: rgba(64, 158, 255, 1); background: rgba(64, 158, 255, 0.1);
}
.btn2:active {
background: rgba(64, 158, 255, 0.2);
}
}
.btns {
display: flex;
// flex-wrap: wrap;
.btn {
padding: 0px 26px 0px 26px;
height: 38px;
background: #409EFF;
border-radius: 8px;
border: 1px solid rgba(64, 158, 255, 1);
display: flex;
align-items: center;
cursor: pointer;
justify-content: center;
margin-right: 14px;
flex-shrink: 0;
.search { .search {
background-image: url("../../assets/images/courseManage/reset0.png"); background-size: 100%;
} }
.btnText { .btnText {
color: #ffffff; font-size: 14px;
font-weight: 400;
color: #FFFFFF;
line-height: 36px;
margin-left: 5px;
}
}
.btn3 {
margin-right: 0px;
.search {
width: 17px;
height: 18px;
background-image: url("../../assets/images/courseManage/add0.png");
} }
} }
.btn3:hover { .btn3:hover {
background: rgba(64, 158, 255, 1); background: rgba(64, 158, 255, 0.76);
.search { }
background-image: url("../../assets/images/courseManage/add0.png"); .btn3:active {
} background: #0982ff;
.btnText {
color: #ffffff;
}
} }
} }
} }