wishpal_ironfan
/
tiefen_space_web
6
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

优化主播专属下载页样式

This commit is contained in:
yezian 2024-01-27 01:22:39 +08:00
parent 03cd5ebc99
commit 51fd8b742f
1 changed files with 18 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
app/download/[user_id]/page.jsx
View File

@ -108,7 +108,7 @@ export default function Download({ params }) {
alt="" alt=""
/> />
</div> </div>
<div className="flex flex-col flex-1 pt-16 pb-32 items-center justify-around z-10"> <div className="flex flex-col flex-1 pt-16 pb-36 items-center justify-around z-10">
<Image className="w-96" src={slogan} priority alt="" /> <Image className="w-96" src={slogan} priority alt="" />
{deviceType === "pc" && ( {deviceType === "pc" && (
<div className="flex flex-row gap-20"> <div className="flex flex-row gap-20">
@ -183,23 +183,23 @@ export default function Download({ params }) {
</p> </p>
)} )}
</div> </div>
</div> <div className="flex flex-row items-center bg-[#13121F] w-full fixed bottom-0 left-0 rounded-t-2xl p-4">
<div className="flex flex-row items-center bg-[#13121F] w-full fixed bottom-0 left-0 rounded-t-2xl px-4 pt-4 pb-8"> <img
<img src={data?.cover?.images[0].urls[0]}
src={data?.cover?.images[0].urls[0]} alt=""
alt="" className="w-12 h-12 rounded-full"
className="w-12 h-12 rounded-full" />
/> <div className="flex flex-col flex-1 ml-4">
<div className="flex flex-col flex-1 ml-4"> <p className="text-white text-base font-medium flex items-center">
<p className="text-white text-base font-medium flex items-center"> {data?.name}&nbsp;&nbsp;
{data?.name}&nbsp;&nbsp; <span className="text-xs text-white bg-[#FFFFFF1A] px-2 py-0.5 rounded-full">
<span className="text-xs text-white bg-[#FFFFFF1A] px-2 py-0.5 rounded-full"> ID：{data?.user_id}
ID：{data?.user_id} </span>
</span> </p>
</p> <p className="text-secondary text-sm font-medium">
<p className="text-secondary text-sm font-medium"> 来「铁粉空间」查看我的更多超顶动态
来「铁粉空间」查看我的更多超顶动态 </p>
</p> </div>
</div> </div>
</div> </div>
</section> </section>