fix: 首页出版效果

2025-07-27 00:18:31 -07:00
parent a9108fd392
commit f534c101dd
20 changed files with 444 additions and 258 deletions
@@ -0,0 +1,39 @@
+import CloseSvg from '@/components/CustomIcon/icons/close.svg';
+import { Dialog, DialogContent, DialogTitle } from '@workspace/ui/components/dialog';
+import Image from 'next/image';
+import { forwardRef, useImperativeHandle, useState } from 'react';
+
+export interface OfferDialogRef {
+  show: () => void;
+  hide: () => void;
+}
+
+const OfferDialog = forwardRef<OfferDialogRef>((props, ref) => {
+  const [open, setOpen] = useState(false);
+
+  useImperativeHandle(ref, () => ({
+    show: () => setOpen(true),
+    hide: () => setOpen(false),
+  }));
+
+  return (
+    <Dialog open={open} onOpenChange={setOpen}>
+      <DialogContent
+        className={
+          'rounded-0 !container h-full w-full px-12 py-[4.5rem] md:h-auto md:w-[496px] md:!rounded-[50px]'
+        }
+        closeIcon={<Image src={CloseSvg} alt={'close'} />}
+        closeClassName={
+          'right-[40px] top-[30px] font-bold text-black opacity-100 focus:ring-0 focus:ring-offset-0'
+        }
+      >
+        <DialogTitle className={'text-center text-5xl font-bold text-[#0F2C53]'}>
+          选择套餐
+        </DialogTitle>
+        <div className={'min-h-[524px]'}>套餐内容</div>
+      </DialogContent>
+    </Dialog>
+  );
+});
+
+export default OfferDialog;