fix: 类名优化
This commit is contained in:
@@ -1,9 +1,8 @@
|
||||
// 页面容器:纵向 flex,占满高度
|
||||
.container {
|
||||
// 页面布局根容器:筛选区 + 表格区作为直接子元素
|
||||
.containerMain {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
// 页面筛选区域:横向 flex,可换行
|
||||
.filter {
|
||||
@@ -37,7 +36,6 @@
|
||||
margin-top: 16px;
|
||||
overflow: hidden;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.pagination {
|
||||
flex-shrink: 0;
|
||||
@@ -45,3 +43,5 @@
|
||||
justify-content: flex-end;
|
||||
padding: 14px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -194,7 +194,7 @@ export default defineComponent({
|
||||
];
|
||||
|
||||
return () => (
|
||||
<div class={pageStyles.container}>
|
||||
<div class={pageStyles.containerMain}>
|
||||
{/* ===== 筛选区 ===== */}
|
||||
<div class={pageStyles.filter}>
|
||||
<Form style={{ rowGap: '10px' }} layout="inline" model={filterForm}>
|
||||
|
||||
@@ -213,7 +213,7 @@ export default defineComponent({
|
||||
];
|
||||
|
||||
return () => (
|
||||
<div class={pageStyles.container}>
|
||||
<div class={pageStyles.containerMain}>
|
||||
{/* ===== 筛选区 ===== */}
|
||||
<div class={pageStyles.filter}>
|
||||
<Form style={{ rowGap: '10px' }} layout="inline" model={filterForm}>
|
||||
|
||||
@@ -136,7 +136,7 @@ export default defineComponent({
|
||||
];
|
||||
|
||||
return () => (
|
||||
<div class={pageStyles.container}>
|
||||
<div class={pageStyles.containerMain}>
|
||||
{/* ===== 筛选区 ===== */}
|
||||
<div class={pageStyles.filter}>
|
||||
<Form style={{ rowGap: '10px' }} layout="inline" model={filterForm}>
|
||||
|
||||
@@ -103,7 +103,7 @@ export default defineComponent({
|
||||
];
|
||||
|
||||
return () => (
|
||||
<div class={pageStyles.container}>
|
||||
<div class={pageStyles.containerMain}>
|
||||
{/* ===== 筛选区 ===== */}
|
||||
<div class={pageStyles.filter}>
|
||||
<Form style={{ rowGap: '10px' }} layout="inline" model={filterForm}>
|
||||
|
||||
@@ -120,7 +120,7 @@ export default defineComponent({
|
||||
];
|
||||
|
||||
return () => (
|
||||
<div class={pageStyles.container}>
|
||||
<div class={pageStyles.containerMain}>
|
||||
{/* ===== 筛选区 ===== */}
|
||||
<div class={pageStyles.filter}>
|
||||
<Form style={{ rowGap: '10px' }} layout="inline" model={filterForm}>
|
||||
|
||||
@@ -118,7 +118,7 @@ export default defineComponent({
|
||||
];
|
||||
|
||||
return () => (
|
||||
<div class={pageStyles.container}>
|
||||
<div class={pageStyles.containerMain}>
|
||||
{/* ===== 筛选区 ===== */}
|
||||
<div class={pageStyles.filter}>
|
||||
<Form style={{ rowGap: '10px' }} layout="inline" model={filterForm}>
|
||||
|
||||
Reference in New Issue
Block a user