fix: 类名优化

src/components/page/pageLayout.module.less

@@ -1,12 +1,11 @@
-// 页面容器：纵向 flex，占满高度
+// 页面布局根容器：筛选区 + 表格区作为直接子元素
-.container {
+.containerMain {
   display: flex;
   flex-direction: column;
   height: 100%;
-}
 
-// 页面筛选区域：横向 flex，可换行
+  // 页面筛选区域：横向 flex，可换行
-.filter {
+  .filter {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
@@ -16,18 +15,18 @@
     padding: 16px;
     background-color: #fff;
     border-radius: 10px;
-}
+  }
 
-// 筛选区域操作按钮组
+  // 筛选区域操作按钮组
-.filterActions {
+  .filterActions {
     display: flex;
     align-items: center;
     gap: 10px;
     margin-left: 0;
-}
+  }
 
-// 表格显示区域：纵向 flex，占据剩余高度
+  // 表格显示区域：纵向 flex，占据剩余高度
-.table {
+  .table {
     display: flex;
     flex-direction: column;
     flex: 1;
@@ -37,11 +36,12 @@
     margin-top: 16px;
     overflow: hidden;
     border-radius: 10px;
-}
 
-.pagination {
+    .pagination {
       flex-shrink: 0;
       display: flex;
       justify-content: flex-end;
       padding: 14px;
+    }
+  }
 }

src/pages/events/banner/index.tsx

@@ -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}>

src/pages/events/list/index.tsx

@@ -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}>

src/pages/events/orders/index.tsx

@@ -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}>

src/pages/events/users/index.tsx

@@ -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}>

src/pages/system/roles/index.tsx

@@ -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}>

src/pages/system/users/index.tsx

@@ -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}>