From 4c48d339f872eebd13b6008b7cac516adcccba61 Mon Sep 17 00:00:00 2001
From: ZLY <zhongliangyuan@gdngsk.com>
Date: Fri, 22 Aug 2025 11:35:03 +0800
Subject: [PATCH] =?UTF-8?q?feat(compGrid):=20=E6=B7=BB=E5=8A=A0=E5=88=86?=
 =?UTF-8?q?=E9=A1=B5=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/compositeCompLibrary/compGrid.tsx               | 5 ++++-
 src/pages/compositeCompLibrary/style/compGrid.module.less | 6 +++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/pages/compositeCompLibrary/compGrid.tsx b/src/pages/compositeCompLibrary/compGrid.tsx
index c3629c9..4bebc0c 100644
--- a/src/pages/compositeCompLibrary/compGrid.tsx
+++ b/src/pages/compositeCompLibrary/compGrid.tsx
@@ -2,7 +2,7 @@ import React, { useEffect, useState } from 'react';
 import styles from './style/compGrid.module.less';
 import CompNode from './compNode';
 import { complexData } from './test/tempData';
-import { Input, Grid } from '@arco-design/web-react';
+import { Input, Grid, Pagination } from '@arco-design/web-react';
 
 const InputSearch = Input.Search;
 const Row = Grid.Row;
@@ -44,6 +44,9 @@ const CompGrid: React.FC<CompGridProps> = ({ componentType }) => {
             );
           })}
         </Row>
+        <div className={styles['comp-grid-footer']}>
+          <Pagination total={200} />
+        </div>
       </div>
     </>
   );
diff --git a/src/pages/compositeCompLibrary/style/compGrid.module.less b/src/pages/compositeCompLibrary/style/compGrid.module.less
index 6f73e38..052bca9 100644
--- a/src/pages/compositeCompLibrary/style/compGrid.module.less
+++ b/src/pages/compositeCompLibrary/style/compGrid.module.less
@@ -1,3 +1,7 @@
 .comp-grid-container {
-
+  .comp-grid-footer {
+    display: flex;
+    justify-content: flex-end;
+    width: 100%;
+  }
 }
\ No newline at end of file