update

src/assets/css/button.css

@@ -0,0 +1,165 @@
+.c_pub_button_confirm {
+  color: #fff;
+  background-color: #3681fc;
+  padding: 0 24px;
+  font-size: 14px;
+  min-width: 64px;
+  font-weight: 500;
+  border-radius: 4px;
+  box-sizing: border-box;
+  border: none;
+  cursor: pointer;
+  transition: all 0.2s ease-in-out;
+  height: 36px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  line-height: 1;
+}
+
+.c_pub_button_confirm:hover {
+  background-color: #4f7cd5 !important;
+}
+
+.c_pub_button_confirm + .c_pub_button_confirm {
+  margin-left: 20px;
+}
+
+.c_pub_button_add {
+  color: #3681fc;
+  background-color: #fff;
+  border: 2px solid #86b3fd;
+  padding: 0 24px;
+  font-size: 14px;
+  min-width: 64px;
+  font-weight: 500;
+  border-radius: 4px;
+  box-sizing: border-box;
+  cursor: pointer;
+  transition: all 0.2s ease-in-out;
+  height: 36px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  line-height: 1;
+}
+
+.c_pub_button_add:hover {
+  background-color: #f0f4fa !important;
+}
+
+.c_pub_button_add + .c_pub_button_add {
+  margin-left: 20px;
+}
+
+.c_pub_button_return {
+  color: #3681fc;
+  background-color: #e7ebf1;
+  padding: 0 24px;
+  font-size: 14px;
+  min-width: 64px;
+  font-weight: 500;
+  border-radius: 4px;
+  box-sizing: border-box;
+  border: none;
+  cursor: pointer;
+  transition: all 0.2s ease-in-out;
+  height: 36px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  line-height: 1;
+}
+
+.c_pub_button_return:hover {
+  background-color: #e1e5ea !important;
+}
+
+.c_pub_button_return + .c_pub_button_return {
+  margin-left: 20px;
+}
+
+.c_pub_button_return + .c_pub_button_confirm {
+  margin-left: 40px;
+}
+
+.c_pub_button_delete {
+  color: #717c8d;
+  background-color: #e7ebf1;
+  padding: 0 24px;
+  font-size: 14px;
+  min-width: 64px;
+  font-weight: 500;
+  border-radius: 4px;
+  box-sizing: border-box;
+  border: none;
+  cursor: pointer;
+  transition: all 0.2s ease-in-out;
+  height: 36px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  line-height: 1;
+}
+
+.c_pub_button_delete:hover {
+  background-color: #e1e5ea !important;
+}
+
+.c_pub_button_delete + .c_pub_button_delete {
+  margin-left: 20px;
+}
+
+.c_pub_button_delete + .c_pub_button_confirm {
+  margin-left: 15px;
+}
+
+.pub_btn_add_img2::before,
+.pub_btn_finish_img::before,
+.pub_btn_last_img::before,
+.pub_btn_next_img::before,
+.pub_btn_return_img::before,
+.pub_btn_delete_img::before,
+.pub_btn_paste_img::before,
+.pub_btn_add_img::before {
+  content: "";
+  width: 17px;
+  height: 17px;
+  min-width: 17px;
+  min-height: 17px;
+  background-size: 100% 100%;
+  display: block;
+  margin-right: 7px;
+}
+
+.pub_btn_add_img::before {
+  background-image: url(../icon/new/addStage.png);
+}
+
+.pub_btn_add_img2::before {
+  background-image: url(../icon/new/icon_add.png);
+}
+
+.pub_btn_paste_img::before {
+  background-image: url(../icon/new/icon_paste.png);
+}
+
+.pub_btn_finish_img::before {
+  background-image: url(../icon/new/icon_finish.png);
+}
+
+.pub_btn_last_img::before {
+  background-image: url(../icon/new/icon_last.png);
+}
+
+.pub_btn_next_img::before {
+  background-image: url(../icon/new/icon_next.png);
+}
+
+.pub_btn_return_img::before {
+  background-image: url(../icon/new/icon_return.png);
+}
+
+.pub_btn_delete_img::before {
+  background-image: url(../icon/new/delete_u.png);
+}

src/components/pages/addCourse.vue

@@ -157,13 +157,11 @@
             <div class="whiteBg" style="border-radius: 0">
               <div class="wb_j_box">
                 <div class="wb_j_box_content">
-                  <div class="addPeople" @click="
+                  <button class="c_pub_button_add pub_btn_add_img" @click="
                     (dialogVisibleClass = true),
                     (classSearch = ''),
                     getClass()
-                    ">
-                    添加班级
-                  </div>
+                    ">添加班级</button>
                   <div v-if="checkboxList2.length" class="wb_j_box_p_box">
                     <span :class="{ tcMember: getClassC(tc) }" v-for="(tc, tcIndex) in checkboxList2" :key="tcIndex">{{
                       getClassC(tc) }}</span>
@@ -173,9 +171,7 @@
                   ? courseUserid == userid || role == '1'
                   : true
                   ">
-                  <div class="addPeople" @click="openMember" style="background: #6b92c9">
-                    添加协同成员
-                  </div>
+                  <button class="c_pub_button_add pub_btn_add_img" @click="openMember">添加协同成员</button>
                   <div v-if="checkboxList3.length" class="wb_j_box_p_box" @click="checkBoolean = !checkBoolean">
                     <span :class="{ tcMember: getMan2(tc) }" v-for="(tc, tcIndex) in checkboxList3.length > 6 &&
                       checkBoolean
@@ -211,8 +207,8 @@
                   ">
                   <div class="e_add_top">
                     <div class="e_add_title">
-                      <el-button type="primary" size="small" @click="dialogVisiblemb = true">添加</el-button>
-                      <el-button type="primary" size="small" @click="deleteEva()">清除</el-button>
+                      <button class="c_pub_button_delete pub_btn_delete_img" @click="deleteEva()">清除</button>
+                      <button class="c_pub_button_confirm pub_btn_add_img2" @click="dialogVisiblemb = true">添加</button>
                       <!-- <span>当前使用目标管理</span>
                       <span>{{ eTitle ? eTitle : "请添加目标" }}</span>
                       <img
@@ -422,7 +418,7 @@
               </div>
               <div class="rb_c_box_right">
                 <div class="rb_c_box_btn">
-                  <el-button type="primary" @click="pasteTask" size="small" v-if="steps == 3">智能粘贴</el-button>
+                  <button class="c_pub_button_add pub_btn_paste_img" @click="pasteTask" v-if="steps == 3">智能粘贴</button>
                 </div>
                 <div class="basic_box">
                   <div style="
@@ -558,9 +554,9 @@
                           <!-- <div class="line"></div> -->
                         </div>
                         <div>
-                          <div class="add_chapters_box" v-if="itemTask.chapterData &&
+                          <div class="add_chapters_box add_c_none" v-if="itemTask.chapterData &&
                             itemTask.chapterData.length == 0
-                            " style="height: 185px"></div>
+                            "><img src="../../assets/icon/new/c_none.png" alt /></div>
                           <div v-else class="add_chapters_box" style="display: flex; flex-direction: column">
                             <div class="chapter_upload" v-for="(item1, index1) in itemTask.chapterData" :key="item1.id"
                               @click="
@@ -670,7 +666,7 @@
                           </div>
                         </div>
                         <div class="add_info_box">
-                          <button class="info_btn" @click="addImg($event)">
+                          <button class="c_pub_button_add pub_btn_add_img" @click="addImg($event)">
                             添加文件
                             <input type="file" accept="*" style="display: none" v-if="inputShow" @change="
                               beforeUpload2($event, unitIndex, 13, itemTaskIndex)
@@ -689,16 +685,16 @@
                           style="display: none" v-if="inputShow" @change="beforeUpload2($event, unitIndex, 3, itemTaskIndex)
                             " />
                       </button> -->
-                          <button class="info_btn" @click="addAttText(itemTaskIndex)">
+                          <button class="c_pub_button_add pub_btn_add_img" @click="addAttText(itemTaskIndex)">
                             添加图文
                           </button>
-                          <button class="info_btn" @click="openLine(itemTaskIndex)">
+                          <button class="c_pub_button_add pub_btn_add_img" @click="openLine(itemTaskIndex)">
                             添加链接
                           </button>
-                          <button class="info_btn" @click="pasteLine(itemTaskIndex)">
+                          <button class="c_pub_button_add pub_btn_add_img" @click="pasteLine(itemTaskIndex)">
                             嵌入代码
                           </button>
-                          <button class="info_btn" @click="openSource(itemTaskIndex)">
+                          <button class="c_pub_button_add pub_btn_add_img" @click="openSource(itemTaskIndex)">
                             添加资源
                           </button>
                           <!-- <button class="info_btn" @click="addImg($event)">
@@ -746,9 +742,9 @@
                         (unitJson[unitIndex].easy == 5 && itemTask.taskType == 2)
                         ">
                         <div>
-                          <div class="add_chapters_box" v-if="itemTask.chapterData &&
+                          <div class="add_chapters_box add_c_none" v-if="itemTask.chapterData &&
                             itemTask.chapterData.length == 0
-                            " style="height: 185px"></div>
+                            "><img src="../../assets/icon/new/c_none.png" alt /></div>
                           <div v-else class="add_chapters_box" style="display: flex; flex-direction: column">
                             <div v-for="(item1, index1) in itemTask.chapterData" :key="item1.id">
                               <div class="chapter_upload" @click="
@@ -870,7 +866,7 @@
                           </div>
                         </div>
                         <div class="add_info_box" style="margin: 10px 0 0">
-                          <button class="info_btn" @click="addImg($event)">
+                          <button class="c_pub_button_add pub_btn_add_img" @click="addImg($event)">
                             <span style="color: red">*</span>
                             教学设计
                             <input type="file"
@@ -885,7 +881,7 @@
                                 )
                                 " />
                           </button>
-                          <button class="info_btn" @click="addImg($event)">
+                          <button class="c_pub_button_add pub_btn_add_img" @click="addImg($event)">
                             <span style="color: red">*</span>
                             教学课件
                             <input type="file"
@@ -900,7 +896,7 @@
                                 )
                                 " />
                           </button>
-                          <button class="info_btn" @click="addImg($event)">
+                          <button class="c_pub_button_add pub_btn_add_img" @click="addImg($event)">
                             教学视频
                             <input type="file" accept="video/mp4, video/quicktime, video/x-msvideo" style="display: none"
                               v-if="inputShow" @change="
@@ -913,7 +909,7 @@
                                 )
                                 " />
                           </button>
-                          <button class="info_btn" @click="addImg($event)">
+                          <button class="c_pub_button_add pub_btn_add_img" @click="addImg($event)">
                             教学音频
                             <input type="file" accept="audio/*" style="display: none" v-if="inputShow" @change="
                               beforeUpload3(
@@ -925,7 +921,7 @@
                               )
                               " />
                           </button>
-                          <button class="info_btn" @click="addImg($event)">
+                          <button class="c_pub_button_add pub_btn_add_img" @click="addImg($event)">
                             学习单
                             <input type="file"
                               accept="application/pdf, application/.ppt, .ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document"
@@ -2025,7 +2021,7 @@
             </div>
           </div>
           <div class="info_btnBox">
-            <button class="info_btn" v-if="steps == 1" @click="
+            <button class="c_pub_button_return pub_btn_return_img" v-if="steps == 1" @click="
               goTo(
                 '/course?userid=' +
                 userid +
@@ -2039,10 +2035,10 @@
               ">
               返回课程
             </button>
-            <button class="info_btn" v-if="steps > 1 && steps != 5" @click="lastSteps">
-              {{ steps == 4 ? "返回首页" : "上一步" }}
+            <button class="c_pub_button_return pub_btn_last_img" v-if="steps > 1 && steps != 5" @click="lastSteps">
+              {{ steps == 4 ? "返回课程" : "上一步" }}
             </button>
-            <button class="info_btn" v-if="steps < 4" @click="nextSteps">
+            <button class="c_pub_button_confirm" v-if="steps < 4" @click="nextSteps" :class="{pub_btn_next_img:steps != 3,pub_btn_finish_img:steps == 3}">
               {{ steps == 3 ? "确认上传" : "下一步" }}
             </button>
           </div>
@@ -2296,9 +2292,9 @@
           <el-input v-model="testJson.testTitle" placeholder="请输入标题" style="width: 400px"></el-input>
         </div> -->
         <div class="a_addBox">
-          <div style="font-size: 16px; color: #c7c7c7">
+          <div style="font-size: 16px; color: #c7c7c7;display: flex;align-items: center;">
             请输入题目内容
-            <el-button type="primary" size="small" @click="pasteOption" style="margin-left: 10px">智能粘贴</el-button>
+            <button class="c_pub_button_add pub_btn_paste_img" @click="pasteOption" style="margin-left: 10px">智能粘贴</button>
           </div>
           <div class="a_add_box" v-for="(item1, index1) in testJson.testCount" :key="index1">
             <div class="a_add_checkType">
@@ -8106,9 +8102,11 @@ export default {
   border: none;
   border-radius: 4px;
   background: #fff;
-  font-size: 18px;
+  font-size: 16px;
   resize: none;
   font-family: 'Microsoft YaHei';
+  min-height:48px;
+  border: 1px solid #3682fc00;
 }
 
 .binfo_textarea {
@@ -8120,7 +8118,7 @@ export default {
 }
 
 .binfo_input:focus-visible {
-  /* border: 1px solid rgba(61, 103, 188); */
+  border: 1px solid #3681FC !important;
 }
 
 .time {
@@ -8190,6 +8188,8 @@ export default {
 
 .add_info_box {
   margin: 20px 0 0;
+  display: flex;
+  flex-wrap: wrap;
 }
 
 .add_info_box button {
@@ -8223,6 +8223,16 @@ export default {
   overflow-x: hidden;
 }
 
+.add_chapters_box.add_c_none{
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.add_c_none > img{
+  width: 135px;
+}
+
 .homework_box {
   display: flex;
   align-items: flex-start;
@@ -8321,7 +8331,7 @@ export default {
 
 .c_info_title {
   padding: 15px 0 15px 20px;
-  font-size: 16px;
+  font-size: 18px;
   font-weight: bold;
   margin: 0 auto;
 }
@@ -9021,6 +9031,7 @@ ol {
   flex-direction: column;
   flex-wrap: nowrap;
   align-items: center;
+  font-size: 14px;
 }
 
 .whiteBIcon>img,
@@ -9618,6 +9629,7 @@ ol {
 .lineTitle {
   /* margin-top: 15px; */
   width: 110px;
+  font-size:18px;
 }
 
 .courseTop {

src/components/pages/course.vue

@@ -1258,6 +1258,7 @@ export default {
     box-sizing: border-box;
     margin: 0px auto;
     padding: 10px 5px;
+    height: 54px;
 }
 
 .bgColor {
@@ -1682,14 +1683,14 @@ export default {
   height: 2px;
   position: absolute;
   left: 0;
-  bottom: -14px;
+  bottom: -10px;
 }
 
 .subClick {
   /* font-size: 16px; */
   font-size: 26px;
   cursor: pointer;
-  margin-left: 10px;
+  margin-left: 17.5px;
   /* color: #ab582f; */
   /* color: #409eff; */
   color: #999;

src/components/pages/easy/addCourse.vue

@@ -100,13 +100,11 @@
             <div class="whiteBg" style="border-radius: 0">
               <div class="wb_j_box">
                 <div class="wb_j_box_content">
-                  <div class="addPeople" @click="
+                  <button class="c_pub_button_add pub_btn_add_img" @click="
                     (dialogVisibleClass = true),
                     (classSearch = ''),
                     getClass()
-                    ">
-                    添加班级
-                  </div>
+                    ">添加班级</button>
                   <div v-if="checkboxList2.length" class="wb_j_box_p_box">
                     <span :class="{ tcMember: getClassC(tc) }" v-for="(tc, tcIndex) in checkboxList2" :key="tcIndex">{{
                       getClassC(tc) }}</span>
@@ -132,7 +130,7 @@
                 <div class="bb_courseIcon"><img src="../../../assets/icon/new/course_icon2.png" />
                 </div>
                 <span style="margin:0 10px">上传课程内容</span>
-                <el-button type="primary" @click="pasteTask" size="mini" style="margin-left: 145px;">智能粘贴</el-button>
+                <button class="c_pub_button_add pub_btn_paste_img" @click="pasteTask" style="margin-left: 145px">智能粘贴</button>
               </div>
               <div style="padding: 0 0 0 20px; display: flex">
                 <div class="course_left">
@@ -180,9 +178,9 @@
                           <div class="lineTitle">学习内容</div>
                         </div>
                         <div>
-                          <div class="add_chapters_box" v-if="item.taskJson[0].chapterData &&
+                          <div class="add_chapters_box add_c_none" v-if="item.taskJson[0].chapterData &&
                             item.taskJson[0].chapterData.length == 0
-                            " style="height: 185px"></div>
+                            "><img src="../../../assets/icon/new/c_none.png" alt /></div>
                           <div v-else class="add_chapters_box" style="display: flex; flex-direction: column">
                             <div class="chapter_upload" v-for="(item1, index1) in item.taskJson[0]
                               .chapterData" :key="item1.id" @click="
@@ -293,7 +291,7 @@
                           </div>
                         </div>
                         <div class="add_info_box">
-                          <button class="info_btn" @click="addImg($event)">
+                          <button class="c_pub_button_add pub_btn_add_img" @click="addImg($event)">
                             添加文件
                             <input type="file" accept="*" style="display: none" v-if="inputShow"
                               @change="beforeUpload2($event, unitIndex, 13, 0)" />
@@ -311,16 +309,16 @@
                               style="display: none" v-if="inputShow" @change="beforeUpload2($event, unitIndex, 3, 0)
                                 " />
                           </button> -->
-                          <button class="info_btn" @click="addAttText(0)">
+                          <button class="c_pub_button_add pub_btn_add_img" @click="addAttText(0)">
                             添加图文
                           </button>
-                          <button class="info_btn" @click="openLine(0)">
+                          <button class="c_pub_button_add pub_btn_add_img" @click="openLine(0)">
                             添加链接
                           </button>
-                          <button class="info_btn" @click="pasteLine(0)">
+                          <button class="c_pub_button_add pub_btn_add_img" @click="pasteLine(0)">
                             嵌入代码
                           </button>
-                          <button class="info_btn" @click="openSource(0)">
+                          <button class="c_pub_button_add pub_btn_add_img" @click="openSource(0)">
                             添加资源
                           </button>
                           <!-- <button class="info_btn" @click="addImg($event)">
@@ -3094,7 +3092,7 @@
             </div>
           </div>
           <div class="info_btnBox">
-            <button class="info_btn" @click="
+            <button class="c_pub_button_return pub_btn_return_img" @click="
               goTo(
                 '/course?userid=' +
                 userid +
@@ -3108,7 +3106,7 @@
               ">
               返回课程
             </button>
-            <button class="info_btn" @click="nextSteps" v-if="this.steps == 1">
+            <button class="c_pub_button_confirm pub_btn_finish_img" @click="nextSteps" v-if="this.steps == 1">
               确认上传
             </button>
           </div>
@@ -3362,9 +3360,9 @@
           <el-input v-model="testJson.testTitle" placeholder="请输入标题" style="width: 400px"></el-input>
         </div> -->
         <div class="a_addBox">
-          <div style="font-size: 16px; color: #c7c7c7">
+          <div style="font-size: 16px; color: #c7c7c7;display: flex;align-items: center;">
             请输入题目内容
-            <el-button type="primary" size="small" @click="pasteOption" style="margin-left: 10px">智能粘贴</el-button>
+            <button class="c_pub_button_add pub_btn_paste_img" @click="pasteOption" style="margin-left: 10px">智能粘贴</button>
           </div>
           <div class="a_add_box" v-for="(item1, index1) in testJson.testCount" :key="index1">
             <div class="a_add_checkType">
@@ -9083,9 +9081,11 @@ export default {
   border: none;
   border-radius: 4px;
   background: #fff;
-  font-size: 18px;
+  font-size: 16px;
   resize: none;
   font-family: 'Microsoft YaHei';
+  min-height: 48px;
+  border: 1px solid #3682fc00;
 }
 
 .binfo_textarea {
@@ -9098,7 +9098,7 @@ export default {
 
 
 .binfo_input:focus-visible {
-  /* border: 1px solid rgba(61, 103, 188); */
+  border: 1px solid #3681FC !important;
 }
 
 .time {
@@ -9168,6 +9168,8 @@ export default {
 
 .add_info_box {
   margin: 20px 0 0;
+  display: flex;
+  flex-wrap: wrap; 
 }
 
 .add_info_box button {
@@ -9201,6 +9203,15 @@ export default {
   overflow-x: hidden;
 }
 
+.add_chapters_box.add_c_none{
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.add_c_none > img{
+  width: 135px;
+}
 
 .homework_box {
   display: flex;
@@ -9948,6 +9959,7 @@ ol {
   flex-direction: column;
   flex-wrap: nowrap;
   align-items: center;
+  font-size: 14px;
 }
 
 .whiteBIcon>img,
@@ -10484,7 +10496,7 @@ ol {
   border-radius: 4px;
   box-sizing: border-box;
   background: #fff;
-  margin: 0 20px 0 0;
+  margin: 0 5px 0 0;
 }
 
 .elist_input .elist_input_box span {
@@ -10497,6 +10509,7 @@ ol {
 .elist_input .elist_input_box .remove {
   height: 20px;
   width: 20px;
+  min-width:20px;
   background-size: 100% 100%;
   background-position: unset;
   margin-left: 5px;
@@ -10532,6 +10545,7 @@ ol {
 .lineTitle {
   /* margin-top: 15px; */
   width: 110px;
+  font-size:18px;
 }
 
 .courseTop {
@@ -10567,7 +10581,7 @@ ol {
   background: rgb(255, 255, 255);
   /* border-radius: 10px; */
   overflow: auto;
-  height: calc(100% - 150px);
+  height: calc(100% - 120px);
   margin: 0 auto;
   position: relative;
   box-sizing: border-box;

src/components/pages/task/addCourse.vue

@@ -114,13 +114,11 @@
             <div class="whiteBg">
               <div class="wb_j_box">
                 <div class="wb_j_box_content">
-                  <div class="addPeople" @click="
+                  <button class="c_pub_button_add pub_btn_add_img" @click="
                     (dialogVisibleClass = true),
                     (classSearch = ''),
                     getClass()
-                    ">
-                    添加班级
-                  </div>
+                    ">添加班级</button>
                   <div v-if="checkboxList2.length" class="wb_j_box_p_box">
                     <span :class="{ tcMember: getClassC(tc) }" v-for="(tc, tcIndex) in checkboxList2" :key="tcIndex">{{
                       getClassC(tc) }}</span>
@@ -156,10 +154,7 @@
               <div class="right_title">
                 <div class="bb_courseIcon"><img src="../../../assets/icon/new/course_icon2.png" /></div>
                 <span style="margin:0 10px">上传课程内容</span>
-                <el-button type="primary" @click="pasteTask" size="mini"
-                  style="margin-left: 145px;"
-                  >智能粘贴</el-button
-                >
+                <button class="c_pub_button_add pub_btn_paste_img" @click="pasteTask" style="margin-left: 145px">智能粘贴</button>
               </div>
               <div style="padding: 0 0 0 20px; display: flex">
                 <div class="course_left">
@@ -301,13 +296,12 @@
                         </div>
                         <div>
                           <div
-                            class="add_chapters_box"
+                            class="add_chapters_box add_c_none"
                             v-if="
                               itemTask.chapterData &&
                               itemTask.chapterData.length == 0
                             "
-                            style="height: 185px"
-                          ></div>
+                          ><img src="../../../assets/icon/new/c_none.png" alt /></div>
                           <div
                             v-else
                             class="add_chapters_box"
@@ -432,7 +426,7 @@
                           </div>
                         </div>
                         <div class="add_info_box">
-                          <button class="info_btn" @click="addImg($event)">
+                          <button class="c_pub_button_add pub_btn_add_img" @click="addImg($event)">
                             添加文件
                             <input
                               type="file"
@@ -463,25 +457,25 @@
                                 " />
                           </button> -->
                           <button
-                            class="info_btn"
+                            class="c_pub_button_add pub_btn_add_img"
                             @click="addAttText(itemTaskIndex)"
                           >
                             添加图文
                           </button>
                           <button
-                            class="info_btn"
+                            class="c_pub_button_add pub_btn_add_img"
                             @click="openLine(itemTaskIndex)"
                           >
                             添加链接
                           </button>
                           <button
-                            class="info_btn"
+                            class="c_pub_button_add pub_btn_add_img"
                             @click="pasteLine(itemTaskIndex)"
                           >
                             嵌入代码
                           </button>
                           <button
-                            class="info_btn"
+                            class="c_pub_button_add pub_btn_add_img"
                             @click="openSource(itemTaskIndex)"
                           >
                             添加资源
@@ -5047,7 +5041,7 @@
           </div>
           <div class="info_btnBox">
             <button
-              class="info_btn"
+              class="c_pub_button_return pub_btn_return_img"
               @click="
                 goTo(
                   '/course?userid=' +
@@ -5063,7 +5057,7 @@
             >
               返回课程
             </button>
-            <button class="info_btn" @click="nextSteps" v-if="this.steps == 1">
+            <button class="c_pub_button_confirm pub_btn_finish_img" @click="nextSteps" v-if="this.steps == 1">
               确认上传
             </button>
           </div>
@@ -5489,15 +5483,9 @@
           <el-input v-model="testJson.testTitle" placeholder="请输入标题" style="width: 400px"></el-input>
         </div> -->
         <div class="a_addBox">
-          <div style="font-size: 16px; color: #c7c7c7">
+          <div style="font-size: 16px; color: #c7c7c7;display: flex;align-items: center;">
             请输入题目内容
-            <el-button
-              type="primary"
-              size="small"
-              @click="pasteOption"
-              style="margin-left: 10px"
-              >智能粘贴</el-button
-            >
+            <button class="c_pub_button_add pub_btn_paste_img" @click="pasteOption" style="margin-left: 10px">智能粘贴</button>
           </div>
           <div
             class="a_add_box"
@@ -11664,9 +11652,11 @@ export default {
   border: none;
   border-radius: 4px;
   background: #fff;
-  font-size: 18px;
+  font-size: 16px;
   resize: none;
   font-family: 'Microsoft YaHei';
+  min-height:48px;
+  border: 1px solid #3682fc00;
 }
 
 .binfo_textarea {
@@ -11679,7 +11669,7 @@ export default {
 
 
 .binfo_input:focus-visible {
-  /* border: 1px solid rgba(61, 103, 188); */
+  border: 1px solid #3681FC !important;
 }
 
 .time {
@@ -11749,6 +11739,8 @@ export default {
 
 .add_info_box {
   margin: 20px 0 0;
+  display: flex;
+  flex-wrap: wrap;
 }
 
 .add_info_box button {
@@ -11782,6 +11774,17 @@ export default {
   overflow-x: hidden;
 }
 
+
+.add_chapters_box.add_c_none{
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.add_c_none > img{
+  width: 135px;
+}
+
 .homework_box {
   display: flex;
   align-items: flex-start;
@@ -12528,6 +12531,7 @@ ol {
   flex-direction: column;
   flex-wrap: nowrap;
   align-items: center;
+  font-size: 14px;
 }
 
 .whiteBIcon > img,
@@ -13114,6 +13118,7 @@ ol {
 .lineTitle {
   /* margin-top: 15px; */
   width: 110px;
+  font-size:18px;
 }
 
 .courseTop {
@@ -13149,7 +13154,7 @@ ol {
   background: rgb(255, 255, 255);
   /* border-radius: 10px; */
   overflow: auto;
-  height: calc(100% - 150px);
+  height: calc(100% - 120px);
   margin: 0 auto;
   position: relative;
   box-sizing: border-box;

src/main.js

@@ -18,6 +18,7 @@ import Viewer from 'v-viewer'
 import 'viewerjs/dist/viewer.css'
 import Clipboard from "clipboard";
 import hevueImgPreview from 'hevue-img-preview'
+import './assets/css/button.css'
 
 const echarts = require('echarts');