优化Page

master
LiuJiaNan 2025-12-24 16:33:09 +08:00
parent 9eec05508b
commit e167e629c6
2 changed files with 4 additions and 1 deletions

View File

@ -18,6 +18,8 @@ export interface PageProps {
isShowAllAction?: boolean; isShowAllAction?: boolean;
/** 取消按钮文字,默认 "关闭" */ /** 取消按钮文字,默认 "关闭" */
backButtonText?: string; backButtonText?: string;
/** 内容区域的padding默认 "20px" */
contentPadding?: string;
/** 自定义底部操作按钮组 */ /** 自定义底部操作按钮组 */
customActionButtons?: ReactNode; customActionButtons?: ReactNode;
/** 额外底部操作按钮组 */ /** 额外底部操作按钮组 */

View File

@ -13,6 +13,7 @@ function Page(props) {
isShowFooter = true, isShowFooter = true,
isShowAllAction = true, isShowAllAction = true,
backButtonText = "关闭", backButtonText = "关闭",
contentPadding = "20px",
customActionButtons, customActionButtons,
extraActionButtons, extraActionButtons,
} = props; } = props;
@ -20,7 +21,7 @@ function Page(props) {
return ( return (
<div className="page"> <div className="page">
{(isShowAllAction && isShowHeader) && <HeaderBack title={headerTitle} history={history} previous={headerPrevious} />} {(isShowAllAction && isShowHeader) && <HeaderBack title={headerTitle} history={history} previous={headerPrevious} />}
<div style={{ padding: 20 }}> <div style={{ padding: contentPadding }}>
{props.children} {props.children}
</div> </div>
{ {