diist

src/App.vue

@@ -198,7 +198,7 @@
 		width: 100%;
 		background: #e6eaf0;
 		/* min-width: 1380px; */
-		min-width: 1000px;
+		min-width: 1250px;
 	}
 	.app_head {
 		height: 67.5px;

src/components/pages/addCourse.vue

@@ -511,22 +511,25 @@
                       >
                         <div class="chapter_upload_t" style="width: 100%"></div>
                         <div
-                          className="chapter_upload_o"
-                          style="position: relative"
+                          class="chapter_upload_o"
+                          style="
+                            position: relative;
+                            display: flex;
+                            align-items: center;
+                          "
                         >
                           <div
-                            className="chapter_upload_l"
+                            class="chapter_upload_l"
                             style="padding: 1px 0 0 10px"
                           >
                             <div
                               v-if="item1.type == 2"
                               class="chapter_upload_l_i1"
-                              style="margin: 10px auto 0 0"
                             ></div>
                             <div
                               v-if="item1.type == 3"
                               class="chapter_upload_l_i5"
-                              style="margin: 10px auto 0 0"
+                              style="margin-right: 4px"
                             ></div>
                           </div>
                           <div
@@ -555,14 +558,7 @@
                               <div></div>
                             </div>
                           </div>
-                          <div
-                            class="chapter_upload_n"
-                            style="
-                              display: flex;
-                              alignitems: center;
-                              paddingleft: 10px;
-                            "
-                          >
+                          <div class="chapter_upload_n">
                             <input
                               v-if="item1.type == 2 || item1.type == 3"
                               :placeholder="item1.name"
@@ -1704,7 +1700,7 @@ export default {
 .line {
   width: 85%;
   margin: 0 auto;
-  border-top: 1px solid #cecece;
+  border-top: 1px solid #e5e5e5;
   margin-top: 20px;
 }
 
@@ -2145,8 +2141,11 @@ export default {
 }
 .chapter_upload {
   height: 50px;
-  margin-top: 8px;
+  margin-top: 12px;
   position: relative;
+  display: flex;
+  align-items: center;
+  width: 100%;
 }
 .chapter_upload_t {
   background-color: #fff;
@@ -2155,6 +2154,8 @@ export default {
   top: 0px;
   left: 0px;
   border-radius: 40px;
+  box-sizing: border-box;
+  box-shadow: 0 0 3px 3px #dfdfdf;
 }
 .chapter_upload_o {
   width: 100%;
@@ -2163,10 +2164,10 @@ export default {
   z-index: 1;
 }
 .chapter_upload_l {
-  width: 50px;
+  /* width: 50px;
   height: 50px;
   border-right: 1px solid #eee;
-  float: left;
+  float: left; */
 }
 .chapter_upload_ic {
   height: 30px;
@@ -2176,59 +2177,55 @@ export default {
   width: 50px;
   height: 50px;
   float: left;
-  border-right: 1px solid #eee;
 }
 .chapter_upload_ic_l div {
   width: 30px;
   height: 35px;
   background: url("../../assets/icon/icon.png");
-  margin: 10px auto 0 auto;
 }
 .chapter_upload_ic_r {
-  width: 40px;
-  height: 40px;
+  width: 50px;
+  height: 50px;
   float: left;
-  margin-left: 5px;
+  margin-left: 0px;
+  display: flex;
+  align-items: center;
 }
 .chapter_upload_ic_r div {
-  width: 30px;
-  height: 30px;
-  background-image: url("../../assets/icon/icon.png");
-  background-position: -39px -163px;
-  margin: 10px auto 0 auto;
+  width: 25px;
+  height: 25px;
+  background-image: url("../../assets/delete.png");
+  background-size: 100% 100%;
 }
 .chapter_upload_n {
-  height: 20px;
-  line-height: 20px;
+  display: flex;
   text-indent: 10px;
   text-decoration: none;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
-  position: absolute;
   width: 55%;
-  top: 40%;
-  left: 5%;
   margin-left: 20px;
 }
 .chapter_upload_l_i1 {
   background-image: url("../../assets/icon/video.png");
   width: 28px;
   height: 28px;
-  margin: 10px auto 0 auto;
+  /* margin: 10px auto 0 auto; */
   background-size: 100% 100%;
 }
 .chapter_upload_l_i5 {
   background-image: url(/static/img/word.76356c6.png);
   width: 24px;
   height: 24px;
-  margin: 10px auto 0 auto;
+  /* margin: 10px auto 0 auto; */
   background-size: 100% 100%;
 }
 .chapter_upload_ud {
   display: flex;
   flex-direction: column;
   margin-left: 5px;
+  justify-content: center;
 }
 .chapter_upload_up {
   background-image: url("../../assets/icon/up.png");
@@ -2460,10 +2457,9 @@ ol {
 }
 
 .addStageImg {
-  width: 30px;
-  height: 30px;
+  width: 25px;
+  height: 25px;
   cursor: pointer;
-  margin-top: 20px;
 }
 
 .addHW {
@@ -2510,6 +2506,7 @@ ol {
 }
 .check {
   width: 25px;
+  height: 25px;
   cursor: pointer;
   margin: 10px 0;
 }