update

src/assets/css/button.css

@@ -29,7 +29,7 @@
   color: #0061FF;
   background-color: #fff;
   border: 1.5px solid #0061FF;
-  padding: 0 24px;
+  padding: 0 12px;
   font-size: 14px;
   min-width: 64px;
   font-weight: 500;

src/components/pages/addCourse.vue

@@ -685,11 +685,36 @@
                         flex-direction: row;
                         justify-content: space-between;
                         align-items: center;
-                      " :style="{ margin: !itemTask.isFoldchapter ? '20px 0' : '20px 0 10px' }">
-                            <div class="lineTitle">学习内容</div>
-                            <div v-if="!itemTask.isFoldchapter" class="show_taskD show" @click="foldC(itemTaskIndex)"><img
+                      " :style="{ margin: !itemTask.isFoldchapter ? '20px 0 0' : '20px 0 0' }">
+                            <div style="margin-bottom:10px" class="lineTitle">学习内容</div>
+                            <div class="add_info_box">
+                              <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)
+                                  " />
+                              </button>
+                              <button class="c_pub_button_add pub_btn_add_img" @click="addAttText(itemTaskIndex)">
+                                添加图文
+                              </button>
+                              <button class="c_pub_button_add pub_btn_add_img" @click="openLine(itemTaskIndex)">
+                                添加链接
+                              </button>
+                              <button class="c_pub_button_add pub_btn_add_img" @click="pasteLine(itemTaskIndex)">
+                                嵌入代码
+                              </button>
+                              <button class="c_pub_button_add pub_btn_add_img" @click="openSource(itemTaskIndex)">
+                                添加资源
+                              </button>
+                              <!-- <button class="info_btn" @click="addImg($event)">
+                          其他附件
+                          <input type="file" accept="*" style="display: none" v-if="inputShow" @change="beforeUpload2($event, unitIndex, 12, itemTaskIndex)
+                            " />
+                        </button> -->
+                            </div>
+                            <div style="margin-bottom:10px" v-if="!itemTask.isFoldchapter" class="show_taskD show" @click="foldC(itemTaskIndex)"><img
                                 src="../../assets/icon/new/icon-slide.png" />收起学习内容</div>
-                            <div v-else class="show_taskD" @click="foldC(itemTaskIndex)"><img
+                            <div style="margin-bottom:10px" v-else class="show_taskD" @click="foldC(itemTaskIndex)"><img
                                 src="../../assets/icon/new/icon-slide.png" />展开学习内容</div>
                             <!-- <div class="line"></div> -->
                           </div>
@@ -852,44 +877,6 @@
                               </div>
                             </div>
                           </div>
-                          <div class="add_info_box" v-if="!itemTask.isFoldchapter">
-                            <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)
-                                " />
-                            </button>
-                            <!-- <button class="info_btn" @click="addImg($event)">
-                        添加视频
-                        <input type="file" accept="video/mp4, video/quicktime, video/x-msvideo" style="display: none"
-                          v-if="inputShow" @change="beforeUpload2($event, unitIndex, 2, itemTaskIndex)
-                            " />
-                      </button>
-                      <button class="info_btn" @click="addImg($event)">
-                        添加文档
-                        <input type="file"
-                          accept="application/pdf, application/.ppt, .ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document"
-                          style="display: none" v-if="inputShow" @change="beforeUpload2($event, unitIndex, 3, itemTaskIndex)
-                            " />
-                      </button> -->
-                            <button class="c_pub_button_add pub_btn_add_img" @click="addAttText(itemTaskIndex)">
-                              添加图文
-                            </button>
-                            <button class="c_pub_button_add pub_btn_add_img" @click="openLine(itemTaskIndex)">
-                              添加链接
-                            </button>
-                            <button class="c_pub_button_add pub_btn_add_img" @click="pasteLine(itemTaskIndex)">
-                              嵌入代码
-                            </button>
-                            <button class="c_pub_button_add pub_btn_add_img" @click="openSource(itemTaskIndex)">
-                              添加资源
-                            </button>
-                            <!-- <button class="info_btn" @click="addImg($event)">
-                        其他附件
-                        <input type="file" accept="*" style="display: none" v-if="inputShow" @change="beforeUpload2($event, unitIndex, 12, itemTaskIndex)
-                          " />
-                      </button> -->
-                          </div>
                           <div v-if="unitJson[unitIndex].chapterInfo[0].taskJson[
                             itemTaskIndex
                           ].proVisible
@@ -9587,13 +9574,13 @@ export default {
 }
 
 .add_info_box {
-  margin: 20px 0 0;
+  margin: 0 0 0 auto;
   display: flex;
   flex-wrap: wrap;
 }
 
 .add_info_box button {
-  margin: 0 20px 10px 0;
+  margin: 0 5px 10px 0;
 }
 
 .add_info_box2 {

src/components/pages/easy/addCourse.vue

@@ -214,15 +214,52 @@
                         ">
                         <div style="
                             display: flex;
-                            margin: 0 0 20px 0;
+                            margin: 0 0 0 0;
                             flex-direction: row;
                             justify-content: space-between;
                             align-items: center;
                           ">
-                          <div class="lineTitle">学习内容</div>
-                          <div v-if="!item.taskJson[0].isFoldchapter" class="show_taskD show" @click="foldC(0)"><img
+                          <div class="lineTitle" style="margin-bottom:10px">学习内容</div>
+                            <div class="add_info_box">
+                            <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)" />
+                            </button>
+                            <!-- <button class="info_btn" @click="addImg($event)">
+                              添加视频
+                              <input type="file" accept="video/mp4, video/quicktime, video/x-msvideo" style="display: none"
+                                v-if="inputShow" @change="beforeUpload2($event, unitIndex, 2, 0)
+                                  " />
+                            </button>
+                            <button class="info_btn" @click="addImg($event)">
+                              添加文档
+                              <input type="file"
+                                accept="application/pdf, application/.ppt, .ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document"
+                                style="display: none" v-if="inputShow" @change="beforeUpload2($event, unitIndex, 3, 0)
+                                  " />
+                            </button> -->
+                            <button class="c_pub_button_add pub_btn_add_img" @click="addAttText(0)">
+                              添加图文
+                            </button>
+                            <button class="c_pub_button_add pub_btn_add_img" @click="openLine(0)">
+                              添加链接
+                            </button>
+                            <button class="c_pub_button_add pub_btn_add_img" @click="pasteLine(0)">
+                              嵌入代码
+                            </button>
+                            <button class="c_pub_button_add pub_btn_add_img" @click="openSource(0)">
+                              添加资源
+                            </button>
+                            <!-- <button class="info_btn" @click="addImg($event)">
+                              其他附件
+                              <input type="file" accept="*" style="display: none" v-if="inputShow" @change="beforeUpload2($event, unitIndex, 12, itemTaskIndex)
+                                " />
+                            </button> -->
+                        </div>
+                          <div style="margin-bottom:10px" v-if="!item.taskJson[0].isFoldchapter" class="show_taskD show" @click="foldC(0)"><img
                               src="../../../assets/icon/new/icon-slide.png" />收起学习内容</div>
-                          <div v-else class="show_taskD" @click="foldC(0)"><img
+                          <div style="margin-bottom:10px" v-else class="show_taskD" @click="foldC(0)"><img
                               src="../../../assets/icon/new/icon-slide.png" />展开学习内容</div>
                         </div>
                         <div v-if="!item.taskJson[0].isFoldchapter">
@@ -382,43 +419,6 @@
                             </div>
                           </div>
                         </div>
-                        <div class="add_info_box" v-if="!item.taskJson[0].isFoldchapter">
-                          <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)" />
-                          </button>
-                          <!-- <button class="info_btn" @click="addImg($event)">
-                            添加视频
-                            <input type="file" accept="video/mp4, video/quicktime, video/x-msvideo" style="display: none"
-                              v-if="inputShow" @change="beforeUpload2($event, unitIndex, 2, 0)
-                                " />
-                          </button>
-                          <button class="info_btn" @click="addImg($event)">
-                            添加文档
-                            <input type="file"
-                              accept="application/pdf, application/.ppt, .ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document"
-                              style="display: none" v-if="inputShow" @change="beforeUpload2($event, unitIndex, 3, 0)
-                                " />
-                          </button> -->
-                          <button class="c_pub_button_add pub_btn_add_img" @click="addAttText(0)">
-                            添加图文
-                          </button>
-                          <button class="c_pub_button_add pub_btn_add_img" @click="openLine(0)">
-                            添加链接
-                          </button>
-                          <button class="c_pub_button_add pub_btn_add_img" @click="pasteLine(0)">
-                            嵌入代码
-                          </button>
-                          <button class="c_pub_button_add pub_btn_add_img" @click="openSource(0)">
-                            添加资源
-                          </button>
-                          <!-- <button class="info_btn" @click="addImg($event)">
-                            其他附件
-                            <input type="file" accept="*" style="display: none" v-if="inputShow" @change="beforeUpload2($event, unitIndex, 12, itemTaskIndex)
-                              " />
-                          </button> -->
-                        </div>
                         <div v-if="unitJson[unitIndex].chapterInfo[0].taskJson[0]
                           .proVisible
                           " class="mask">
@@ -10249,13 +10249,13 @@ export default {
 }
 
 .add_info_box {
-  margin: 20px 0 0;
+  margin: 0 0 0 auto;
   display: flex;
   flex-wrap: wrap;
 }
 
 .add_info_box button {
-  margin: 0 20px 10px 0;
+  margin: 0 5px 10px 0;
 }
 
 .add_info_box2 {

src/components/pages/task/addCourse.vue

@@ -321,15 +321,63 @@
                         <div
                           style="
                             display: flex;
-                            margin: 0 0 20px 0;
+                            margin: 0 0 0 0;
                             flex-direction: row;
                             justify-content: space-between;
                             align-items: center;
                           "
                         >
-                          <div class="lineTitle">学习内容</div>
-                          <div v-if="!itemTask.isFoldchapter" class="show_taskD show" @click="foldC(itemTaskIndex)"><img src="../../../assets/icon/new/icon-slide.png" />收起学习内容</div>
-                          <div v-else class="show_taskD" @click="foldC(itemTaskIndex)"><img src="../../../assets/icon/new/icon-slide.png" />展开学习内容</div>
+                          <div class="lineTitle" style="margin-bottom:10px">学习内容</div>
+                          <div class="add_info_box">
+                            <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
+                                  )
+                                "
+                              />
+                            </button>
+                            <button
+                              class="c_pub_button_add pub_btn_add_img"
+                              @click="addAttText(itemTaskIndex)"
+                            >
+                              图文
+                            </button>
+                            <button
+                              class="c_pub_button_add pub_btn_add_img"
+                              @click="openLine(itemTaskIndex)"
+                            >
+                              链接
+                            </button>
+                            <button
+                              class="c_pub_button_add pub_btn_add_img"
+                              @click="pasteLine(itemTaskIndex)"
+                            >
+                              代码
+                            </button>
+                            <button
+                              class="c_pub_button_add pub_btn_add_img"
+                              @click="openSource(itemTaskIndex)"
+                            >
+                              资源
+                            </button>
+                            <!-- <button class="info_btn" @click="addImg($event)">
+                              其他附件
+                              <input type="file" accept="*" style="display: none" v-if="inputShow" @change="beforeUpload2($event, unitIndex, 12, itemTaskIndex)
+                                " />
+                            </button> -->
+                          </div>
+                          <div style="margin-bottom:10px" v-if="!itemTask.isFoldchapter" class="show_taskD show" @click="foldC(itemTaskIndex)"><img src="../../../assets/icon/new/icon-slide.png" />收起学习内容</div>
+                          <div style="margin-bottom:10px" v-else class="show_taskD" @click="foldC(itemTaskIndex)"><img src="../../../assets/icon/new/icon-slide.png" />展开学习内容</div>
                         </div>
                         <div v-if="!itemTask.isFoldchapter">
                           <div class="add_chapters_box add_c_none" v-if="itemTask.chapterData &&
@@ -499,67 +547,6 @@
                             </div>
                           </div>
                         </div>
-                        <div class="add_info_box" v-if="!itemTask.isFoldchapter">
-                          <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
-                                )
-                              "
-                            />
-                          </button>
-                          <!-- <button class="info_btn" @click="addImg($event)">
-                            添加视频
-                            <input type="file" accept="video/mp4, video/quicktime, video/x-msvideo" style="display: none"
-                              v-if="inputShow" @change="beforeUpload2($event, unitIndex, 2, itemTaskIndex)
-                                " />
-                          </button>
-                          <button class="info_btn" @click="addImg($event)">
-                            添加文档
-                            <input type="file"
-                              accept="application/pdf, application/.ppt, .ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document"
-                              style="display: none" v-if="inputShow" @change="beforeUpload2($event, unitIndex, 3, itemTaskIndex)
-                                " />
-                          </button> -->
-                          <button
-                            class="c_pub_button_add pub_btn_add_img"
-                            @click="addAttText(itemTaskIndex)"
-                          >
-                            添加图文
-                          </button>
-                          <button
-                            class="c_pub_button_add pub_btn_add_img"
-                            @click="openLine(itemTaskIndex)"
-                          >
-                            添加链接
-                          </button>
-                          <button
-                            class="c_pub_button_add pub_btn_add_img"
-                            @click="pasteLine(itemTaskIndex)"
-                          >
-                            嵌入代码
-                          </button>
-                          <button
-                            class="c_pub_button_add pub_btn_add_img"
-                            @click="openSource(itemTaskIndex)"
-                          >
-                            添加资源
-                          </button>
-                          <!-- <button class="info_btn" @click="addImg($event)">
-                            其他附件
-                            <input type="file" accept="*" style="display: none" v-if="inputShow" @change="beforeUpload2($event, unitIndex, 12, itemTaskIndex)
-                              " />
-                          </button> -->
-                        </div>
                         <div
                           v-if="
                             unitJson[unitIndex].chapterInfo[0].taskJson[
@@ -12652,13 +12639,13 @@ export default {
 }
 
 .add_info_box {
-  margin: 20px 0 0;
+  margin: 0 0 0 auto;
   display: flex;
   flex-wrap: wrap;
 }
 
 .add_info_box button {
-  margin: 0 20px 10px 0;
+  margin: 0 5px 10px 0;
 }
 
 .add_info_box2 {