38 lines
1.0 KiB
TypeScript
38 lines
1.0 KiB
TypeScript
import { useNavigate, useParams } from "react-router-dom";
|
|
import { Image } from "@/components";
|
|
import { getBackgroundImage, getStaticImage } from "@/lib/utils";
|
|
|
|
const starName = "huangyanpei";
|
|
|
|
const HuangyanpeiReflection = () => {
|
|
const navigate = useNavigate();
|
|
const { moduleName } = useParams<{
|
|
moduleName: string;
|
|
}>();
|
|
|
|
return (
|
|
<div
|
|
className="w-full h-full bg-cover bg-center bg-no-repeat"
|
|
style={{
|
|
backgroundImage: getBackgroundImage(`${starName}/reflection/底图`),
|
|
}}
|
|
>
|
|
<Image
|
|
className="absolute right-5 top-5"
|
|
src={getStaticImage("components/离开")}
|
|
button
|
|
onClick={() => {
|
|
if (moduleName && starName) {
|
|
navigate(`/${moduleName}/${starName}/home`);
|
|
}
|
|
}}
|
|
/>
|
|
<div className="flex items-center justify-center h-full">
|
|
<div className="text-white text-4xl">黄炎培故居-体悟模块（待完善）</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default HuangyanpeiReflection;
|