1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
| <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">
| <h2 class="text-[#0d141b] text-lg font-bold leading-tight tracking-[-0.015em] flex-1 text-center pl-12 pr-12">报名资料</h2>
| </div>
| <div class="p-4">
| <div class="flex justify-between gap-x-6 py-2">
| <p class="text-[#4c739a] text-sm font-normal leading-normal">姓名</p>
| <p class="text-[#0d141b] text-sm font-normal leading-normal text-right">刘明</p>
| </div>
| <div class="flex justify-between gap-x-6 py-2">
| <p class="text-[#4c739a] text-sm font-normal leading-normal">联系方式</p>
| <p class="text-[#0d141b] text-sm font-normal leading-normal text-right">13800138000</p>
| </div>
| <div class="flex justify-between gap-x-6 py-2">
| <p class="text-[#4c739a] text-sm font-normal leading-normal">性别</p>
| <p class="text-[#0d141b] text-sm font-normal leading-normal text-right">1</p>
| </div>
| <div class="flex justify-between gap-x-6 py-2">
| <p class="text-[#4c739a] text-sm font-normal leading-normal">出生年月</p>
| <p class="text-[#0d141b] text-sm font-normal leading-normal text-right">1990-01-01</p>
| </div>
| <div class="flex justify-between gap-x-6 py-2">
| <p class="text-[#4c739a] text-sm font-normal leading-normal">学历</p>
| <p class="text-[#0d141b] text-sm font-normal leading-normal text-right">学士</p>
| </div>
| <div class="flex justify-between gap-x-6 py-2">
| <p class="text-[#4c739a] text-sm font-normal leading-normal">学校</p>
| <p class="text-[#0d141b] text-sm font-normal leading-normal text-right">北京大学</p>
| </div>
| </div>
| <div class="flex gap-4 bg-slate-50 px-4 py-3">
| <div class="flex flex-1 flex-col justify-center">
| <p class="text-[#0d141b] text-base font-medium leading-normal"></p>
| <p class="text-[#4c739a] text-sm font-normal leading-normal">参加过多次比赛，并取得了显著的成功。</p>
| <p class="text-[#4c739a] text-sm font-normal leading-normal">简历</p>
| </div>
| </div>
| <h3 class="text-[#0d141b] text-lg font-bold leading-tight tracking-[-0.015em] px-4 pb-2 pt-4">上传资料</h3>
| <div class="flex px-4 py-3 justify-start">
| <button
| class="flex min-w-[84px] max-w-[480px] cursor-pointer items-center justify-center overflow-hidden rounded-lg h-10 px-4 bg-[#e7edf3] text-[#0d141b] text-sm font-bold leading-normal tracking-[0.015em]"
| >
| <span class="truncate">上传资料</span>
| </button>
| </div>
| <div class="flex items-center gap-4 bg-slate-50 px-4 min-h-[72px] py-2">
| <div class="text-[#0d141b] flex items-center justify-center rounded-lg bg-[#e7edf3] shrink-0 size-12" data-icon="File" 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="M213.66,82.34l-56-56A8,8,0,0,0,152,24H56A16,16,0,0,0,40,40V216a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V88A8,8,0,0,0,213.66,82.34ZM160,51.31,188.69,80H160ZM200,216H56V40h88V88a8,8,0,0,0,8,8h48V216Z"
| ></path>
| </svg>
| </div>
| <div class="flex flex-col justify-center">
| <p class="text-[#0d141b] text-base font-medium leading-normal line-clamp-1">文档1.pdf</p>
| <p class="text-[#4c739a] text-sm font-normal leading-normal line-clamp-2">文件大小不超过 10MB</p>
| </div>
| </div>
| <div class="flex items-center gap-4 bg-slate-50 px-4 min-h-[72px] py-2">
| <div class="text-[#0d141b] flex items-center justify-center rounded-lg bg-[#e7edf3] shrink-0 size-12" data-icon="Video" 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="M164.44,105.34l-48-32A8,8,0,0,0,104,80v64a8,8,0,0,0,12.44,6.66l48-32a8,8,0,0,0,0-13.32ZM120,129.05V95l25.58,17ZM216,40H40A16,16,0,0,0,24,56V168a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40Zm0,128H40V56H216V168Zm16,40a8,8,0,0,1-8,8H32a8,8,0,0,1,0-16H224A8,8,0,0,1,232,208Z"
| ></path>
| </svg>
| </div>
| <div class="flex flex-col justify-center">
| <p class="text-[#0d141b] text-base font-medium leading-normal line-clamp-1">视频2.mp4</p>
| <p class="text-[#4c739a] text-sm font-normal leading-normal line-clamp-2">文件大小不超过 20MB</p>
| </div>
| </div>
| <div class="flex items-center gap-4 bg-slate-50 px-4 min-h-[72px] py-2">
| <div class="text-[#0d141b] flex items-center justify-center rounded-lg bg-[#e7edf3] shrink-0 size-12" data-icon="Image" 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="M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40Zm0,16V158.75l-26.07-26.06a16,16,0,0,0-22.63,0l-20,20-44-44a16,16,0,0,0-22.62,0L40,149.37V56ZM40,172l52-52,80,80H40Zm176,28H194.63l-36-36,20-20L216,181.38V200ZM144,100a12,12,0,1,1,12,12A12,12,0,0,1,144,100Z"
| ></path>
| </svg>
| </div>
| <div class="flex flex-col justify-center">
| <p class="text-[#0d141b] text-base font-medium leading-normal line-clamp-1">图片3.jpg</p>
| <p class="text-[#4c739a] text-sm font-normal leading-normal line-clamp-2">文件大小不超过 5MB</p>
| </div>
| </div>
| <div class="flex flex-col gap-3 p-4">
| <div class="flex gap-6 justify-between"><p class="text-[#0d141b] text-base font-medium leading-normal">上传进度</p></div>
| <div class="rounded bg-[#cfdbe7]"><div class="h-2 rounded bg-[#1380ec]" style="width: 50%;"></div></div>
| </div>
| <div class="flex px-4 py-3">
| <button
| class="flex min-w-[84px] max-w-[480px] cursor-pointer items-center justify-center overflow-hidden rounded-lg h-12 px-5 flex-1 bg-[#e7edf3] text-[#0d141b] text-base font-bold leading-normal tracking-[0.015em]"
| >
| <span class="truncate">提交</span>
| </button>
| </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>
|
|
