[feat]:[FL-12][分页组件固定在右下角,按钮无边框,单行展示]

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-authored-by: multica-agent <github@multica.ai>
This commit is contained in:
chengkai3
2026-06-19 11:14:01 +08:00
parent 6cd959c528
commit 2d10ba765b
+17 -4
View File
@@ -1012,21 +1012,34 @@ export default function AdminUsersPage() {
</Col>
))}
</Row>
<div style={{ marginTop: 16, display: "flex", justifyContent: "center" }}>
<Space direction="vertical" size={12} style={{ width: "100%", alignItems: "center" }}>
<div
style={{
position: "fixed",
bottom: 20,
right: 20,
background: "var(--gray-2)",
padding: "8px 16px",
borderRadius: 8,
boxShadow: "0 2px 8px rgba(0, 0, 0, 0.15)",
zIndex: 1000,
}}
>
<Space size={16}>
<Typography.Text type="secondary">
{usersQuery.data?.total ?? 0}
</Typography.Text>
<Space wrap>
<Space size={8}>
<Button
type="text"
icon={<LeftOutlined />}
disabled={pagination.current === 1}
onClick={() => setPagination((prev) => ({ ...prev, current: prev.current - 1 }))}
/>
<Typography.Text>
{pagination.current} / {Math.ceil((usersQuery.data?.total ?? 0) / pagination.pageSize)}
{pagination.current} / {Math.ceil((usersQuery.data?.total ?? 0) / pagination.pageSize)}
</Typography.Text>
<Button
type="text"
icon={<RightOutlined />}
disabled={pagination.current >= Math.ceil((usersQuery.data?.total ?? 0) / pagination.pageSize)}
onClick={() => setPagination((prev) => ({ ...prev, current: prev.current + 1 }))}