feat(compGrid): 添加分页功能

master
钟良源 6 months ago
parent a8224cf4f7
commit 4c48d339f8

@ -2,7 +2,7 @@ import React, { useEffect, useState } from 'react';
import styles from './style/compGrid.module.less'; import styles from './style/compGrid.module.less';
import CompNode from './compNode'; import CompNode from './compNode';
import { complexData } from './test/tempData'; 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 InputSearch = Input.Search;
const Row = Grid.Row; const Row = Grid.Row;
@ -44,6 +44,9 @@ const CompGrid: React.FC<CompGridProps> = ({ componentType }) => {
); );
})} })}
</Row> </Row>
<div className={styles['comp-grid-footer']}>
<Pagination total={200} />
</div>
</div> </div>
</> </>
); );

@ -1,3 +1,7 @@
.comp-grid-container { .comp-grid-container {
.comp-grid-footer {
display: flex;
justify-content: flex-end;
width: 100%;
}
} }
Loading…
Cancel
Save