Skip to content

Commit

Permalink
feat(shareing):完成了加速计划两个分享页面的基础样式
Browse files Browse the repository at this point in the history
  • Loading branch information
Lackiii committed Apr 4, 2024
1 parent 77f48be commit 271543d
Show file tree
Hide file tree
Showing 4 changed files with 64 additions and 0 deletions.
Binary file added public/images/dialog/haibao.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/images/dialog/link.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
33 changes: 33 additions & 0 deletions src/app/dialog/shareing/join/page.tsx
Original file line number Diff line number Diff line change
@@ -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;
31 changes: 31 additions & 0 deletions src/app/dialog/shareing/open/page.tsx
Original file line number Diff line number Diff line change
@@ -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;

0 comments on commit 271543d

Please sign in to comment.