修改按钮展示

src/views/courselibrary/CourseExquisite.vue

@@ -4,7 +4,7 @@
       <!-- 搜索框及按钮 -->
       <div class="filter">
         <div class="filterItems">
-          <!-- <div style="display: flex;"> -->
+          <div style="display: flex; flex-wrap: wrap;">
             <div class="pathnameInp">
               <a-input v-model:value="courseNameOrTeacherName" style="width: 276px; height: 40px; border-radius: 8px;"
                 placeholder="请输入课程名称或授课教师" />
@@ -41,7 +41,8 @@
                 <div class="btnText">重置</div>
               </div>
               </div>
-              <div style="display: flex;">
+          </div>
+          <div style="display: flex; text-align: right;">
                <div class="btn btn1" @click="exportTaskStu">
                 <div class="btnText">导入标记</div>
               </div>
@@ -49,7 +50,7 @@
                 <div class="btnText">导出表格</div>
               </div>
               </div>
-            
+            </div>
             <!-- 导入标记弹窗 -->
             <!-- <a-modal v-model:visible="importMarkVisible" title="导入标记" @ok="handleImportMarkOk"
               @cancel="handleImportMarkCancel">
@@ -127,7 +128,7 @@
             </a-modal>
            
           <!-- </div> -->
-        </div>
+        
       </div>
       <!-- 搜索框及按钮 -->
     </div>
@@ -829,15 +830,13 @@ export default defineComponent({
     margin-left: 35px;
     margin-right: 35px;
     margin-top: 30px;
-    display: flex;
-    flex-wrap: wrap;
+    // display: flex;
+    // flex-wrap: wrap;
 
     .filterItems {
-      // width: 100%;
-      // justify-content: space-between;
       display: flex;
       flex-wrap: wrap;
-
+      justify-content: space-between;
       .pathnameInp {
         margin-right: 20px;
         margin-bottom: 20px;