增加主播个性签名展示
This commit is contained in:
parent
4defb3e766
commit
9ea721c65b
|
@ -64,7 +64,7 @@ export default function WechatBar({ price, streamerMid }) {
|
||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="flex flex-col mt-12 bg-[#FFFFFF1A] rounded-2xl">
|
<div className="flex flex-col mt-8 bg-[#FFFFFF1A] rounded-2xl">
|
||||||
<div
|
<div
|
||||||
onClick={() => setShowBuyWechat(!showBuyWechat)}
|
onClick={() => setShowBuyWechat(!showBuyWechat)}
|
||||||
className="flex flex-row cursor-pointer bg-[#07050A] border-2 border-[#FFFFFF26] rounded-2xl h-12 items-center justify-center"
|
className="flex flex-row cursor-pointer bg-[#07050A] border-2 border-[#FFFFFF26] rounded-2xl h-12 items-center justify-center"
|
||||||
|
|
|
@ -63,7 +63,7 @@ export default function StreamerDetail({ params }) {
|
||||||
</div>
|
</div>
|
||||||
<div className="flex flex-col flex-1 px-4 py-2 z-10">
|
<div className="flex flex-col flex-1 px-4 py-2 z-10">
|
||||||
<AuthBar />
|
<AuthBar />
|
||||||
<div className="flex flex-col items-center mt-28">
|
<div className="flex flex-col items-center mt-24">
|
||||||
<div className="w-[74px] h-[74px] rounded-full overflow-hidden">
|
<div className="w-[74px] h-[74px] rounded-full overflow-hidden">
|
||||||
<img
|
<img
|
||||||
src={data?.avatar?.images[0].urls[0]}
|
src={data?.avatar?.images[0].urls[0]}
|
||||||
|
@ -75,6 +75,9 @@ export default function StreamerDetail({ params }) {
|
||||||
<p className="text-white text-2xl font-medium mr-1">{data?.name}</p>
|
<p className="text-white text-2xl font-medium mr-1">{data?.name}</p>
|
||||||
<Image src={verification} alt="" className="w-6 h-6" />
|
<Image src={verification} alt="" className="w-6 h-6" />
|
||||||
</div>
|
</div>
|
||||||
|
<p className="text-secondary text-sm text-center font-medium mt-3 px-4">
|
||||||
|
{data?.bio}
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<WechatBar
|
<WechatBar
|
||||||
price={Math.ceil(data?.wechat_coin_price / 9)}
|
price={Math.ceil(data?.wechat_coin_price / 9)}
|
||||||
|
|
|
@ -64,7 +64,7 @@ export default function WechatBar({ price, streamerMid }) {
|
||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="flex flex-col mt-12 bg-[#FFFFFF1A] rounded-2xl">
|
<div className="flex flex-col mt-8 bg-[#FFFFFF1A] rounded-2xl">
|
||||||
<div
|
<div
|
||||||
onClick={() => setShowBuyWechat(!showBuyWechat)}
|
onClick={() => setShowBuyWechat(!showBuyWechat)}
|
||||||
className="flex flex-row cursor-pointer bg-[#07050A] border-2 border-[#FFFFFF26] rounded-2xl h-12 items-center justify-center"
|
className="flex flex-row cursor-pointer bg-[#07050A] border-2 border-[#FFFFFF26] rounded-2xl h-12 items-center justify-center"
|
||||||
|
|
|
@ -72,7 +72,7 @@ export default function StreamerDetail({ params }) {
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex flex-col flex-1 px-4 py-2 z-10">
|
<div className="flex flex-col flex-1 px-4 py-2 z-10">
|
||||||
<div className="flex flex-col items-center mt-28">
|
<div className="flex flex-col items-center mt-24">
|
||||||
<div className="w-[74px] h-[74px] rounded-full overflow-hidden">
|
<div className="w-[74px] h-[74px] rounded-full overflow-hidden">
|
||||||
<img
|
<img
|
||||||
src={data?.avatar?.images[0].urls[0]}
|
src={data?.avatar?.images[0].urls[0]}
|
||||||
|
@ -84,6 +84,9 @@ export default function StreamerDetail({ params }) {
|
||||||
<p className="text-white text-2xl font-medium mr-1">{data?.name}</p>
|
<p className="text-white text-2xl font-medium mr-1">{data?.name}</p>
|
||||||
<Image src={verification} alt="" className="w-6 h-6" />
|
<Image src={verification} alt="" className="w-6 h-6" />
|
||||||
</div>
|
</div>
|
||||||
|
<p className="text-secondary text-sm text-center font-medium mt-3 px-4">
|
||||||
|
{data?.bio}
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<WechatBar
|
<WechatBar
|
||||||
price={Math.ceil(data?.wechat_coin_price / 9)}
|
price={Math.ceil(data?.wechat_coin_price / 9)}
|
||||||
|
|
Loading…
Reference in New Issue