57 lines
1.5 KiB
TypeScript
57 lines
1.5 KiB
TypeScript
import React from "react";
|
|
import { NavBar, Button } from "antd-mobile";
|
|
import { PlusOutlined } from "@ant-design/icons";
|
|
import Layout from "@/components/Layout/Layout";
|
|
import MeauMobile from "@/components/MeauMobile/MeauMoible";
|
|
|
|
interface PlaceholderPageProps {
|
|
title: string;
|
|
showBack?: boolean;
|
|
showAddButton?: boolean;
|
|
addButtonText?: string;
|
|
showFooter?: boolean;
|
|
}
|
|
|
|
const PlaceholderPage: React.FC<PlaceholderPageProps> = ({
|
|
title,
|
|
showBack = true,
|
|
showAddButton = false,
|
|
addButtonText = "新建",
|
|
showFooter = true,
|
|
}) => {
|
|
return (
|
|
<Layout
|
|
header={
|
|
<NavBar
|
|
backArrow={showBack}
|
|
style={{ background: "#fff" }}
|
|
onBack={showBack ? () => window.history.back() : undefined}
|
|
left={
|
|
<div style={{ color: "var(--primary-color)", fontWeight: 600 }}>
|
|
{title}
|
|
</div>
|
|
}
|
|
right={
|
|
showAddButton ? (
|
|
<Button size="small" color="primary">
|
|
<PlusOutlined />
|
|
<span style={{ marginLeft: 4, fontSize: 12 }}>
|
|
{addButtonText}
|
|
</span>
|
|
</Button>
|
|
) : undefined
|
|
}
|
|
/>
|
|
}
|
|
footer={showFooter ? <MeauMobile /> : undefined}
|
|
>
|
|
<div style={{ padding: 20, textAlign: "center", color: "#666" }}>
|
|
<h3>{title}页面</h3>
|
|
<p>此页面正在开发中...</p>
|
|
</div>
|
|
</Layout>
|
|
);
|
|
};
|
|
|
|
export default PlaceholderPage;
|