<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/AB6AXuDpLKMwykU8rpCJhifcQ7-Gq1IzshU-CrdSf-w0kBon7OF1inhg5w4xQLpjMaPE2AM1x21XjGOCv-39XAxiICKwaOpmGoNjrzi8xRq_qaRHuqewMSDX3-82xc8fVjRei8hxxHkT7AePXVpCSgGgi_IT2pryUM7Vmsb_rtN8RvyFPort26L0pgmWYHjk7gLah1Fn2I-XcmGKTD_58L5NwZpmar8YikUrTQM98x94YGsWuE_1Ydbb4EhAI0_EEJjdUcaFVccf-lscIGX8");'
|
></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****8888</p>
|
<p class="text-[#4c739a] text-base font-normal leading-normal text-center">性别：1</p>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="pb-3">
|
<div class="flex border-b border-[#cfdbe7] px-4 gap-8">
|
<a class="flex flex-col items-center justify-center border-b-[3px] border-b-[#4299f0] text-[#0d141b] pb-[13px] pt-4" href="#">
|
<p class="text-[#0d141b] text-sm font-bold leading-normal tracking-[0.015em]">待评审(2)</p>
|
</a>
|
<a class="flex flex-col items-center justify-center border-b-[3px] border-b-transparent text-[#4c739a] pb-[13px] pt-4" href="#">
|
<p class="text-[#4c739a] text-sm font-bold leading-normal tracking-[0.015em]">已评审</p>
|
</a>
|
</div>
|
</div>
|
<div class="p-4">
|
<div class="flex items-stretch justify-between gap-4 rounded-lg">
|
<div class="flex flex-[2_2_0px] flex-col gap-4">
|
<div class="flex flex-col gap-1">
|
<p class="text-[#4c739a] text-sm font-normal leading-normal">超24小时未评审</p>
|
<p class="text-[#0d141b] text-base font-bold leading-tight">创新大赛</p>
|
<p class="text-[#4c739a] text-sm font-normal leading-normal">参赛者：张三 作品：智能家居系统</p>
|
</div>
|
<button
|
class="flex min-w-[84px] max-w-[480px] cursor-pointer items-center justify-center overflow-hidden rounded-lg h-8 px-4 flex-row-reverse bg-[#e7edf3] text-[#0d141b] text-sm font-medium leading-normal w-fit"
|
>
|
<span class="truncate">去评审</span>
|
</button>
|
</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/AB6AXuA7rGeUHNI4NtyegNLdVeOs1OcWQLGBtSMU7ChRHIiPTK5DXChyCkRTAsmFampzDHx2oQzaVNpLcPObBRPhtKRmQAnK2PmCk7iphwludUXUSNNo-zjCSsPLztoB9V0W0LBvVhfkyHbzpE3Y05K_g5h38iL9uvkCTWi4UvWcWy-Ug7_opJ6XJQjezCg5hellhKy5_9Nhgv_K01auqZjVjzIcq6I_oSzV3OU5E0aFQTvcykTBWKxEDT6mJpMFSymoC0oleBiSIBMLHSZu");'
|
></div>
|
</div>
|
</div>
|
<div class="p-4">
|
<div class="flex items-stretch justify-between gap-4 rounded-lg">
|
<div class="flex flex-[2_2_0px] flex-col gap-4">
|
<div class="flex flex-col gap-1">
|
<p class="text-[#0d141b] text-base font-bold leading-tight">创新大赛</p>
|
<p class="text-[#4c739a] text-sm font-normal leading-normal">参赛者：李四 作品：智能家居系统</p>
|
</div>
|
<button
|
class="flex min-w-[84px] max-w-[480px] cursor-pointer items-center justify-center overflow-hidden rounded-lg h-8 px-4 flex-row-reverse bg-[#e7edf3] text-[#0d141b] text-sm font-medium leading-normal w-fit"
|
>
|
<span class="truncate">去评审</span>
|
</button>
|
</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/AB6AXuBkkBSfYOtOLfcNKEweoFY953d7u3TifxhwARJxln2LLa9VEH-UgK8DVLHnlx7VfecjjDJtzXHDBW3MiAqCikDUC9dYd9Ac0BmB_H5l3rEmTFF_ymS2w0vjlePbUW68Mfvx-IsresElGmDKK2xgJfaE2278wQKVcqquEsu7s7ifn0-XishUizGP3IpZF84Q-M8XVrbQ8tKet6iLfgfaJyNwfxquS37LWbh0o3LsGkJNOF-eu0LaVjr3FlwpxIUj0cpNFEz9_IIg4Ygh");'
|
></div>
|
</div>
|
</div>
|
</div>
|
<div><div class="h-5 bg-slate-50"></div></div>
|
</div>
|
</body>
|
</html>
|
