<html>
|
<head>
|
<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin="" />
|
<link
|
rel="stylesheet"
|
as="style"
|
onload="this.rel='stylesheet'"
|
href="https://fonts.googleapis.com/css2?display=swap&family=Manrope%3Awght%40400%3B500%3B700%3B800&family=Noto+Sans%3Awght%40400%3B500%3B700%3B900"
|
/>
|
|
<title>Stitch Design</title>
|
<link rel="icon" type="image/x-icon" href="data:image/x-icon;base64," />
|
|
<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
|
</head>
|
<body>
|
<div
|
class="relative flex h-auto min-h-screen w-full flex-col bg-slate-50 justify-between group/design-root overflow-x-hidden"
|
style='font-family: Manrope, "Noto Sans", sans-serif;'
|
>
|
<div>
|
<div class="flex items-center bg-slate-50 p-4 pb-2 justify-between">
|
<div class="text-[#0d141b] flex size-12 shrink-0 items-center" data-icon="ArrowLeft" data-size="24px" data-weight="regular">
|
<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" fill="currentColor" viewBox="0 0 256 256">
|
<path d="M224,128a8,8,0,0,1-8,8H59.31l58.35,58.34a8,8,0,0,1-11.32,11.32l-72-72a8,8,0,0,1,0-11.32l72-72a8,8,0,0,1,11.32,11.32L59.31,120H216A8,8,0,0,1,224,128Z"></path>
|
</svg>
|
</div>
|
<h2 class="text-[#0d141b] text-lg font-bold leading-tight tracking-[-0.015em] flex-1 text-center pr-12">我的</h2>
|
</div>
|
<div class="flex p-4 @container">
|
<div class="flex w-full flex-col gap-4 items-center">
|
<div class="flex gap-4 flex-col items-center">
|
<div
|
class="bg-center bg-no-repeat aspect-square bg-cover rounded-full min-h-32 w-32"
|
style='background-image: url("https://lh3.googleusercontent.com/aida-public/AB6AXuBJ5YqONXeaOYxeGlmlSPvQSrahJ7FnO9bC5Enx3Bron6rQozDAceKIzN08l_O-Y1StA8bpkWisYT-d0R98xvV7LOTTH6f9WQdztbO_RHwS_jiCSlz26WDhN9btQIDmdA7RgBssSYl5RxEHYl9YNrS10VZgzNawV6uKa13FApHGPRK9m9yu_OK1sebOtZGI1mBfsZ7a7M_PtBaVIeOcs02L0YLN0dDhEF3PQi3Cpj9YYtOfpMMSxRYp2U_KdYr9xNJYEV7VoZ3SqaTI");'
|
></div>
|
<div class="flex flex-col items-center justify-center justify-center">
|
<p class="text-[#0d141b] text-[22px] font-bold leading-tight tracking-[-0.015em] text-center">李四</p>
|
<p class="text-[#4c739a] text-base font-normal leading-normal text-center">男</p>
|
<p class="text-[#4c739a] text-base font-normal leading-normal text-center">绑定手机号：138****1234</p>
|
</div>
|
</div>
|
</div>
|
</div>
|
<h3 class="text-[#0d141b] text-lg font-bold leading-tight tracking-[-0.015em] px-4 pb-2 pt-4">我的活动</h3>
|
<div class="p-4">
|
<div class="flex items-stretch justify-between gap-4 rounded-lg">
|
<div class="flex flex-col gap-1 flex-[2_2_0px]">
|
<p class="text-[#4c739a] text-sm font-normal leading-normal">当前阶段：初赛</p>
|
<p class="text-[#0d141b] text-base font-bold leading-tight">未来之星大赛</p>
|
<p class="text-[#4c739a] text-sm font-normal leading-normal">评审进度：50%</p>
|
</div>
|
<div
|
class="w-full bg-center bg-no-repeat aspect-video bg-cover rounded-lg flex-1"
|
style='background-image: url("https://lh3.googleusercontent.com/aida-public/AB6AXuAoEDk1i9Rm2enRkhm2dS4xxi3EuXXqmK_Gklx9xLIrg2jztnpZEaPNdlhTVqnBd8jwrAD1RzJad6zHWhb4BUnfQRDJ3gH1MSY35NWxxjIZAPUqgb3VYdbelkWEqhl0caw04vfVax5YKxVkzzrYJXW7TKgLXH-tQDdKohJwOSHTTt6muE3Trx8FDXzfK-W5sxf_fBjv957kWm3OXRbOQk4M0gJpoDxcCInclLclgKc3esb28AXouMiu684eE6mg0DczLc3aFW8dPl-W");'
|
></div>
|
</div>
|
</div>
|
<div class="p-4">
|
<div class="flex items-stretch justify-between gap-4 rounded-lg">
|
<div class="flex flex-col gap-1 flex-[2_2_0px]">
|
<p class="text-[#4c739a] text-sm font-normal leading-normal">获奖结果：三等奖</p>
|
<p class="text-[#0d141b] text-base font-bold leading-tight">创新大赛</p>
|
<p class="text-[#4c739a] text-sm font-normal leading-normal">下载证书</p>
|
</div>
|
<div
|
class="w-full bg-center bg-no-repeat aspect-video bg-cover rounded-lg flex-1"
|
style='background-image: url("https://lh3.googleusercontent.com/aida-public/AB6AXuDeMQyHY5IzGoIhsKGqXdBKR35KA5m3OosbXgmSuepl1jYC6xy9I9vG1bWIjYseuCAtDq5BHYTduW3Qkx2E1snYuxN2uwgwuAo8Eyi2AVQ81_D_IDTi5tT1C6tPO3z9t1nqS2j54rCp22uaf9YL8zRCmnom5cvMtZAhhjBd1AsfCohHvR1Ad4lO5HNA-Rb5k0pEcRWFaeu0Z6kOHJ5zmvaXlhApxGdqTnupSPh8dTAQXzXOmzO6qUtAL8KYmC7nfb-0TUZ9diW68aqp");'
|
></div>
|
</div>
|
</div>
|
</div>
|
<div>
|
<div class="flex gap-2 border-t border-[#e7edf3] bg-slate-50 px-4 pb-3 pt-2">
|
<a class="just flex flex-1 flex-col items-center justify-end gap-1 text-[#4c739a]" href="#">
|
<div class="text-[#4c739a] flex h-8 items-center justify-center" data-icon="House" data-size="24px" data-weight="regular">
|
<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" fill="currentColor" viewBox="0 0 256 256">
|
<path
|
d="M218.83,103.77l-80-75.48a1.14,1.14,0,0,1-.11-.11,16,16,0,0,0-21.53,0l-.11.11L37.17,103.77A16,16,0,0,0,32,115.55V208a16,16,0,0,0,16,16H96a16,16,0,0,0,16-16V160h32v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V115.55A16,16,0,0,0,218.83,103.77ZM208,208H160V160a16,16,0,0,0-16-16H112a16,16,0,0,0-16,16v48H48V115.55l.11-.1L128,40l79.9,75.43.11.1Z"
|
></path>
|
</svg>
|
</div>
|
<p class="text-[#4c739a] text-xs font-medium leading-normal tracking-[0.015em]">首页</p>
|
</a>
|
<a class="just flex flex-1 flex-col items-center justify-end gap-1 rounded-full text-[#0d141b]" href="#">
|
<div class="text-[#0d141b] flex h-8 items-center justify-center" data-icon="User" data-size="24px" data-weight="fill">
|
<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" fill="currentColor" viewBox="0 0 256 256">
|
<path
|
d="M230.93,220a8,8,0,0,1-6.93,4H32a8,8,0,0,1-6.92-12c15.23-26.33,38.7-45.21,66.09-54.16a72,72,0,1,1,73.66,0c27.39,8.95,50.86,27.83,66.09,54.16A8,8,0,0,1,230.93,220Z"
|
></path>
|
</svg>
|
</div>
|
<p class="text-[#0d141b] text-xs font-medium leading-normal tracking-[0.015em]">我的</p>
|
</a>
|
</div>
|
<div class="h-5 bg-slate-50"></div>
|
</div>
|
</div>
|
</body>
|
</html>
|
