修复按钮样式

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="filter">
<div class="filterItems"> <div class="filterItems">
<div style="display: flex; width: 100%;"> <!-- <div style="display: flex;"> -->
<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="请输入课程名称或授课教师" />
@@ -31,6 +31,25 @@
:options="yearOptions" allow-clear :max-tag-count="1"> :options="yearOptions" allow-clear :max-tag-count="1">
</a-select> </a-select>
</div> </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" <!-- <a-modal v-model:visible="importMarkVisible" title="导入标记" @ok="handleImportMarkOk"
@cancel="handleImportMarkCancel"> @cancel="handleImportMarkCancel">
@@ -106,23 +125,8 @@
</div> </div>
</div> </div>
</a-modal> </a-modal>
<div style="display: flex; margin-bottom: 20px; margin-left: auto;" class="courseBtn">
<div class="btn btn1" @click="handleSearch1"> <!-- </div> -->
<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> </div>
<!-- 搜索框及按钮 --> <!-- 搜索框及按钮 -->
@@ -829,8 +833,8 @@ export default defineComponent({
flex-wrap: wrap; flex-wrap: wrap;
.filterItems { .filterItems {
width: 100%; // width: 100%;
justify-content: space-between; // justify-content: space-between;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;