<feat>(poster):海报页面的基础样式

src/app/poster/page.tsx

@@ -0,0 +1,79 @@
+import React from "react";
+import Image from "next/image";
+
+
+const Page =()=>{
+    return <div className="relative w-85.75 min-h-screen ">
+        {/* <Image src={"/images/poster/bg.svg"} alt={"bg"} width={343} height={425} className="w-85.75 h-106.277 absolute z-1 " /> */}
+
+        <div className="mt-33.5 ml-4 w-85.75 ">
+
+            {/*用户信息*/}
+            <div className=" flex items-center w-full h-19.375 shrink-0 z-2 ">
+                <Image src={"/images/poster/icon.svg"} alt="icon" width={49} height={49} className=" w-12.25 h-12.25 shrink-0 ml-5.25 mt-7.125"/>
+
+                <div className="flex flex-col">
+                    <div className="text-[#999] text-2.5 font-500 lh-6 h-6 ml-1.2 pt-1.5">
+                        芋圆
+                    </div>
+                    <div className="flex items-center">
+                        <div className="text-[#252525] text-2.75 font-400 lh-6 ml-0.75 ">
+                                1090 订阅
+                        </div>
+                        <div className="text-[#252525] text-2.75 font-400 lh-6 ml-3">
+                                1090 内容
+                        </div>
+                    </div>
+                </div>           
+            </div>
+
+           <div className="flex items-center mt-2.3 m-auto w-72.8115 h-5.75 border-rd-1.25 bg-[#F5F7FB] z-3">
+                <div className="m-auto w-59.1765 h-5.25 shrink-0 text-[#333]  text-2.5 font-not-italic font-500 lh-6">
+                「开播的第3年，P人沉浸于J人的世界」
+                </div>
+           </div>
+
+           <div className="flex ml-5.2 pt-3 z-4">
+                <Image src={"/images/poster/picture.svg"} alt={'picture'} width={175} height={228} className="w-43.9705 h-57.10625"/>
+                <div className="pl-3 w-28.06 h-57.10625 shrink-0 text-[#666] text-2.5 font-500 lh-6 ">
+                   公司简介的用语应该科学简明，语句要尽量简短，要避免包括四个以上逗号的长句式。 不同类别的信息表达，尽可能单独成句，否则就会出现长达一段的长句，给阅读造成困难，甚至抓不住重点，影响简介的功能发。
+                </div>
+           </div>
+
+           <div className="flex relative items-center mt-5 w-85.75 z-5">
+                <Image src={"/images/poster/logo.svg"} alt={"logo"} width={26} height={26} className="w-6.5715 h-7.25"/>
+                <div className="ml-1 w-10.25 h-6 shrink-0 w-10.25 h-6 shrink-0 text-[#50888D]  text-2.5 font-400 lh-6">
+                    扫码查看
+                </div>
+                <Image src={'/images/poster/QRcode.svg'} alt={"QRcode"} width={45} height={45} className="w-11.25 h-11.25"/>
+           </div>
+
+
+
+
+
+
+
+
+
+
+        </div>
+
+
+
+
+
+
+
+
+
+
+
+
+    </div>
+
+
+
+}
+
+export default Page;