chore: 将页脚放在一屏可视区

This commit is contained in:
xiaoxian521
2024-02-24 16:37:37 +08:00
parent fe9fad3ca1
commit fc9feb311f
4 changed files with 16 additions and 2 deletions

View File

@@ -89,7 +89,7 @@ const {
<pure-table <pure-table
ref="tableRef" ref="tableRef"
adaptive adaptive
:adaptiveConfig="{ offsetBottom: 32 }" :adaptiveConfig="{ offsetBottom: 45 }"
align-whole="center" align-whole="center"
row-key="id" row-key="id"
showOverflowTooltip showOverflowTooltip
@@ -150,6 +150,10 @@ const {
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
.main-content {
margin: 24px 24px 0 !important;
}
.search-form { .search-form {
:deep(.el-form-item) { :deep(.el-form-item) {
margin-bottom: 12px; margin-bottom: 12px;

View File

@@ -108,6 +108,7 @@ const {
:loading="loading" :loading="loading"
:size="size" :size="size"
adaptive adaptive
:adaptiveConfig="{ offsetBottom: 108 }"
:data="dataList" :data="dataList"
:columns="dynamicColumns" :columns="dynamicColumns"
:pagination="pagination" :pagination="pagination"
@@ -206,6 +207,10 @@ const {
margin: 0; margin: 0;
} }
.main-content {
margin: 24px 24px 0 !important;
}
.search-form { .search-form {
:deep(.el-form-item) { :deep(.el-form-item) {
margin-bottom: 12px; margin-bottom: 12px;

View File

@@ -150,6 +150,7 @@ const {
ref="tableRef" ref="tableRef"
row-key="id" row-key="id"
adaptive adaptive
:adaptiveConfig="{ offsetBottom: 108 }"
align-whole="center" align-whole="center"
table-layout="auto" table-layout="auto"
:loading="loading" :loading="loading"
@@ -260,6 +261,10 @@ const {
outline: none; outline: none;
} }
.main-content {
margin: 24px 24px 0 !important;
}
.search-form { .search-form {
:deep(.el-form-item) { :deep(.el-form-item) {
margin-bottom: 12px; margin-bottom: 12px;

View File

@@ -96,7 +96,7 @@ defineExpose({ onTreeReset });
<div <div
v-loading="props.treeLoading" v-loading="props.treeLoading"
class="h-full bg-bg_color overflow-auto" class="h-full bg-bg_color overflow-auto"
:style="{ minHeight: `calc(100vh - 133px)` }" :style="{ minHeight: `calc(100vh - 145px)` }"
> >
<div class="flex items-center h-[34px]"> <div class="flex items-center h-[34px]">
<el-input <el-input