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