更新样式

src/views/classList/components/classRecord.module.less

@@ -1,3 +1,7 @@
+.tableSpace {
+  gap: 8px 12px;
+}
+
 .tableContainer {
   background: #F7F9FF;
   border-radius: 16px;
@@ -44,6 +48,7 @@
     border: 1px solid #198CFE;
     margin-right: 15px;
     flex-shrink: 0;
+    background-color: #fff !important;
   }
 
   .userInfo {

src/views/classList/components/classRecord.tsx

@@ -104,7 +104,7 @@ export default defineComponent({
           </NForm>
         </div>
         <div class={styles.tableWrap}>
-          <NSpace>
+          <NSpace class={styles.tableSpace}>
             {state.tableList.map((item: any) => (
               <div class={styles.tableContainer}>
                 <div class={styles.header}>
@@ -138,18 +138,18 @@ export default defineComponent({
               </div>
             ))}
           </NSpace>
-          {state.tableList.length > 0&&<Pagination
-            v-model:page={state.pagination.page}
-            v-model:pageSize={state.pagination.rows}
-            v-model:pageTotal={state.pagination.pageTotal}
-            onList={getList}
-            sync
-            saveKey="classRecord-key"
-          />}
+          {state.tableList.length > 0 && (
+            <Pagination
+              v-model:page={state.pagination.page}
+              v-model:pageSize={state.pagination.rows}
+              v-model:pageTotal={state.pagination.pageTotal}
+              onList={getList}
+              sync
+              saveKey="classRecord-key"
+            />
+          )}
 
           {state.tableList.length <= 0 && <TheEmpty class={styles.nowEmpty} />}
-
-
         </div>
       </div>
     );

src/views/classList/index.module.less

@@ -361,6 +361,11 @@
         background: url('@{img}/barIcon.png') no-repeat;
         background-size: 50px 5px;
       }
+
+      .n-tab-pane {
+        padding-left: 0 !important;
+        padding-right: 0 !important;
+      }
     }
   }
 }