修改按钮展示

This commit is contained in:
dong.ai
2025-11-12 16:21:06 +08:00
parent 09e8c7f399
commit 4d75fb03ee

View File

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