1

Signed-off-by: lcw <1324309909@qq.com>

src/components/pages/addCourse.vue

@@ -177,25 +177,27 @@
 														<i class="el-icon-plus"></i>
 													</el-upload>
 												</div>
-												<div style="flex: 0.5 1 0%; margin-top: 30px">
-													<div class="bInfo_title">
-														<span style="color: red">*</span>选择项目成员
-													</div>
-													<div
-														class="addPeople"
-														@click="addPP"
-														v-if="this.checkboxList.length == 0"
-													>
-														添加成员
-													</div>
-													<div class="addPeople" @click="addPP" v-else>
-														已添加，点击查看
+												<div style="display: flex">
+													<div style="flex: 0.5 1 0%; margin-top: 30px">
+														<div class="bInfo_title">
+															<span style="color: red">*</span>选择项目成员
+														</div>
+														<div
+															class="addPeople"
+															@click="addPP"
+															v-if="this.checkboxList.length == 0"
+														>
+															添加成员
+														</div>
+														<div class="addPeople" @click="addPP" v-else>
+															已添加，点击查看
+														</div>
 													</div>
-												</div>
-												<div style="flex: 0.5 1 0%; margin-top: 30px">
-													<div class="bInfo_title">协同编辑</div>
-													<div class="addPeople" style="background: #6b92c9">
-														添加协同成员
+													<div style="flex: 0.5 1 0%; margin-top: 30px">
+														<div class="bInfo_title">协同编辑</div>
+														<div class="addPeople" style="background: #6b92c9">
+															添加协同成员
+														</div>
 													</div>
 												</div>
 											</div>
@@ -2463,23 +2465,15 @@
 		margin: 10px auto 0 auto;
 	}
 
-	.big_box {
-		display: flex;
-	}
-
 	.left_first {
-		min-width: 65% !important;
-	}
-
-	.left_first,
-	.right_first {
 		display: flex;
 		flex-direction: column;
+		flex-wrap: nowrap;
 		width: 65%;
 	}
 
 	.right_first {
-		margin-left: 20px;
+		margin-left: 20%;
 	}
 	.people {
 		border: 1px solid rgb(229 229 229);
@@ -2630,9 +2624,9 @@
 	}
 	.chapter_upload_l {
 		/* width: 50px;
-				  height: 50px;
-				  border-right: 1px solid #eee;
-				  float: left; */
+						  height: 50px;
+						  border-right: 1px solid #eee;
+						  float: left; */
 	}
 	.chapter_upload_ic {
 		height: 30px;
@@ -2903,8 +2897,8 @@
 	}
 
 	/* .upCss >>> .el-upload {
-				  margin-right: 30px;
-				} */
+						  margin-right: 30px;
+						} */
 
 	.upCss >>> .el-icon-plus {
 		position: none !important;
@@ -3053,19 +3047,17 @@
 		flex-direction: column;
 	}
 	.all_choose {
-		margin: 15px 0 15px 10px;
-		height: 20%;
 		display: flex;
 		flex-direction: row;
 		align-items: center;
 	}
 	.all_choose > span {
-		width: 50px;
+		width: 60px;
 		display: block;
+		letter-spacing: 14px;
 	}
 	.choose > div:nth-child(3) > span {
-		margin-left: -5px !important;
-		width: 56px !important;
+		letter-spacing: 0 !important;
 	}
 
 	.choose {
@@ -3073,7 +3065,15 @@
 		flex-direction: column;
 		flex-wrap: nowrap;
 		height: 100%;
-		justify-content: flex-start;
+		justify-content: space-evenly;
 		align-items: flex-start;
 	}
+	.both {
+		display: flex;
+		flex-direction: row;
+		flex-wrap: wrap;
+		width: 100%;
+		align-items: center;
+		justify-content: flex-start;
+	}
 </style>