diff --git a/public/images/dialog/haibao.png b/public/images/dialog/haibao.png
new file mode 100644
index 0000000..100068b
Binary files /dev/null and b/public/images/dialog/haibao.png differ
diff --git a/public/images/dialog/link.png b/public/images/dialog/link.png
new file mode 100644
index 0000000..2986f80
Binary files /dev/null and b/public/images/dialog/link.png differ
diff --git a/src/app/dialog/shareing/join/page.tsx b/src/app/dialog/shareing/join/page.tsx
new file mode 100644
index 0000000..15bba65
--- /dev/null
+++ b/src/app/dialog/shareing/join/page.tsx
@@ -0,0 +1,33 @@
+
+
+
+
+import React from "react";
+import Image from "next/image";
+import { Span } from "next/dist/trace";
+
+const Shareing =()=>{
+    let discount = "20%"
+    return(
+        <div className="flex flex-col items-center justify-center"> 
+            <div className="w-9.5   text-3.75 font-not-italic font-500 lh-6">
+                分享
+            </div>
+            <div className="w-65.5 text-[#E16C57] text-4.5 font-500 lh-6 mt-6">
+            【专栏名称】已加入-加速计划
+            </div>
+            <div className="mt-4 text-center font-700  w-81.75 h-15.25 shrink-0">
+            购买后生成分享海报，成交后可获得专栏金额的 <span className="text-[#E16C57]"> {discount}</span>收益作为奖励
+            </div>
+            <button className="mt-6.75">
+                <Image src={"/images/dialog/haibao.png"} alt={"haibao"} width={343} height={40} className="w-85.75 h-10"></Image>
+            </button>
+            <button className="mt-4">
+                <Image src={"/images/dialog/link.png"} alt={"haibao"} width={343} height={40} className="w-85.75 h-10"></Image>
+            </button>
+
+        </div>
+    );
+}
+
+export default Shareing;
\ No newline at end of file
diff --git a/src/app/dialog/shareing/open/page.tsx b/src/app/dialog/shareing/open/page.tsx
new file mode 100644
index 0000000..111f65c
--- /dev/null
+++ b/src/app/dialog/shareing/open/page.tsx
@@ -0,0 +1,31 @@
+
+
+import React from "react";
+import Image from "next/image";
+import { Span } from "next/dist/trace";
+
+const Shareing =()=>{
+    let discount = "20%"
+    return(
+        <div className="flex flex-col items-center justify-center"> 
+            <div className="w-9.5   text-3.75 font-not-italic font-500 lh-6">
+                分享
+            </div>
+            <div className="w-65.5 text-[#E16C57] text-4.5 font-500 lh-6 mt-6">
+                【专栏名称】已开启-加速计划
+            </div>
+            <div className="mt-4 text-center font-700  w-81.75 h-15.25 shrink-0">
+            分享海报与链接助力创作者，成交后您可以获得当前作品价格的 <span className="text-[#E16C57]"> {discount}</span>作为加速激励
+            </div>
+            <button className="mt-6.75">
+                <Image src={"/images/dialog/haibao.png"} alt={"haibao"} width={343} height={40} className="w-85.75 h-10"></Image>
+            </button>
+            <button className="mt-4">
+                <Image src={"/images/dialog/link.png"} alt={"haibao"} width={343} height={40} className="w-85.75 h-10"></Image>
+            </button>
+
+        </div>
+    );
+}
+
+export default Shareing;
\ No newline at end of file