fix: 类名优化

This commit is contained in:
ZhuRui
2026-07-28 10:35:33 +08:00
parent d11ec5c9aa
commit cffe8de6b0
7 changed files with 45 additions and 45 deletions
+39 -39
View File
@@ -1,47 +1,47 @@
// 页面容器:纵向 flex,占满高度 // 页面布局根容器:筛选区 + 表格区作为直接子元素
.container { .containerMain {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 100%; height: 100%;
}
// 页面筛选区域:横向 flex,可换行 // 页面筛选区域:横向 flex,可换行
.filter { .filter {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
align-items: center; align-items: center;
column-gap: 16px; column-gap: 16px;
row-gap: 12px; row-gap: 12px;
flex-shrink: 0; flex-shrink: 0;
padding: 16px; padding: 16px;
background-color: #fff; background-color: #fff;
border-radius: 10px; border-radius: 10px;
} }
// 筛选区域操作按钮组 // 筛选区域操作按钮组
.filterActions { .filterActions {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 10px; gap: 10px;
margin-left: 0; margin-left: 0;
} }
// 表格显示区域:纵向 flex,占据剩余高度 // 表格显示区域:纵向 flex,占据剩余高度
.table { .table {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex: 1; flex: 1;
background-color: #fff; background-color: #fff;
min-height: 0; min-height: 0;
min-width: 0; min-width: 0;
margin-top: 16px; margin-top: 16px;
overflow: hidden; overflow: hidden;
border-radius: 10px; border-radius: 10px;
}
.pagination { .pagination {
flex-shrink: 0; flex-shrink: 0;
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
padding: 14px; padding: 14px;
}
}
} }
+1 -1
View File
@@ -194,7 +194,7 @@ export default defineComponent({
]; ];
return () => ( return () => (
<div class={pageStyles.container}> <div class={pageStyles.containerMain}>
{/* ===== 筛选区 ===== */} {/* ===== 筛选区 ===== */}
<div class={pageStyles.filter}> <div class={pageStyles.filter}>
<Form style={{ rowGap: '10px' }} layout="inline" model={filterForm}> <Form style={{ rowGap: '10px' }} layout="inline" model={filterForm}>
+1 -1
View File
@@ -213,7 +213,7 @@ export default defineComponent({
]; ];
return () => ( return () => (
<div class={pageStyles.container}> <div class={pageStyles.containerMain}>
{/* ===== 筛选区 ===== */} {/* ===== 筛选区 ===== */}
<div class={pageStyles.filter}> <div class={pageStyles.filter}>
<Form style={{ rowGap: '10px' }} layout="inline" model={filterForm}> <Form style={{ rowGap: '10px' }} layout="inline" model={filterForm}>
+1 -1
View File
@@ -136,7 +136,7 @@ export default defineComponent({
]; ];
return () => ( return () => (
<div class={pageStyles.container}> <div class={pageStyles.containerMain}>
{/* ===== 筛选区 ===== */} {/* ===== 筛选区 ===== */}
<div class={pageStyles.filter}> <div class={pageStyles.filter}>
<Form style={{ rowGap: '10px' }} layout="inline" model={filterForm}> <Form style={{ rowGap: '10px' }} layout="inline" model={filterForm}>
+1 -1
View File
@@ -103,7 +103,7 @@ export default defineComponent({
]; ];
return () => ( return () => (
<div class={pageStyles.container}> <div class={pageStyles.containerMain}>
{/* ===== 筛选区 ===== */} {/* ===== 筛选区 ===== */}
<div class={pageStyles.filter}> <div class={pageStyles.filter}>
<Form style={{ rowGap: '10px' }} layout="inline" model={filterForm}> <Form style={{ rowGap: '10px' }} layout="inline" model={filterForm}>
+1 -1
View File
@@ -120,7 +120,7 @@ export default defineComponent({
]; ];
return () => ( return () => (
<div class={pageStyles.container}> <div class={pageStyles.containerMain}>
{/* ===== 筛选区 ===== */} {/* ===== 筛选区 ===== */}
<div class={pageStyles.filter}> <div class={pageStyles.filter}>
<Form style={{ rowGap: '10px' }} layout="inline" model={filterForm}> <Form style={{ rowGap: '10px' }} layout="inline" model={filterForm}>
+1 -1
View File
@@ -118,7 +118,7 @@ export default defineComponent({
]; ];
return () => ( return () => (
<div class={pageStyles.container}> <div class={pageStyles.containerMain}>
{/* ===== 筛选区 ===== */} {/* ===== 筛选区 ===== */}
<div class={pageStyles.filter}> <div class={pageStyles.filter}>
<Form style={{ rowGap: '10px' }} layout="inline" model={filterForm}> <Form style={{ rowGap: '10px' }} layout="inline" model={filterForm}>