修复按钮样式

This commit is contained in:
dong.ai
2025-11-12 11:52:43 +08:00
parent e12d7ac218
commit 09e8c7f399

View File

@@ -4,7 +4,7 @@
<!-- 搜索框及按钮 -->
<div class="filter">
<div class="filterItems">
<div style="display: flex; width: 100%;">
<!-- <div style="display: flex;"> -->
<div class="pathnameInp">
<a-input v-model:value="courseNameOrTeacherName" style="width: 276px; height: 40px; border-radius: 8px;"
placeholder="请输入课程名称或授课教师" />
@@ -31,6 +31,25 @@
:options="yearOptions" allow-clear :max-tag-count="1">
</a-select>
</div>
<div style="display: flex; margin-bottom: 20px;">
<div class="btn btn1" @click="handleSearch1">
<div class="search"></div>
<div class="btnText">搜索</div>
</div>
<div class="btn btn2" @click="handleRest1">
<div class="search"></div>
<div class="btnText">重置</div>
</div>
</div>
<div style="display: flex;">
<div class="btn btn1" @click="exportTaskStu">
<div class="btnText">导入标记</div>
</div>
<div class="btn btn1" @click="exportAll">
<div class="btnText">导出表格</div>
</div>
</div>
<!-- 导入标记弹窗 -->
<!-- <a-modal v-model:visible="importMarkVisible" title="导入标记" @ok="handleImportMarkOk"
@cancel="handleImportMarkCancel">
@@ -106,23 +125,8 @@
</div>
</div>
</a-modal>
<div style="display: flex; margin-bottom: 20px; margin-left: auto;" class="courseBtn">
<div class="btn btn1" @click="handleSearch1">
<div class="search"></div>
<div class="btnText">搜索</div>
</div>
<div class="btn btn2" @click="handleRest1">
<div class="search"></div>
<div class="btnText">重置</div>
</div>
<div class="btn btn1" @click="exportTaskStu">
<div class="btnText">导入标记</div>
</div>
<div class="btn btn1" @click="exportAll">
<div class="btnText">导出表格</div>
</div>
</div>
</div>
<!-- </div> -->
</div>
</div>
<!-- 搜索框及按钮 -->
@@ -829,8 +833,8 @@ export default defineComponent({
flex-wrap: wrap;
.filterItems {
width: 100%;
justify-content: space-between;
// width: 100%;
// justify-content: space-between;
display: flex;
flex-wrap: wrap;