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
| <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="@container">
| <div class="@[480px]:px-4 @[480px]:py-3">
| <div
| class="w-full bg-center bg-no-repeat bg-cover flex flex-col justify-end overflow-hidden bg-slate-50 @[480px]:rounded-lg min-h-80"
| style='background-image: url("https://lh3.googleusercontent.com/aida-public/AB6AXuA8Jdx1xx7xKGxoq-goqDC-eC6AXmDKvTsaBMF75myQ0v57yM9nh3HrL1i7cg_HrwkhuSkyxXWnEkJYmcbDqp2E7mB4zU1rPLMbKySD54YwwwOEJqEAM9f8KQc573hFJkbM9vItmhJByqV3JyqjgO-pg9KGvjlmdZxYqRePrwTXRyHlGqJTxoqhQjlrVq6DKbY9KoRH3ePGPSpJ826_ml5DHkLdaU9q0Cr8qFpahqD0BmA0dyiL_Ch79uVxSpQjQFYzDmVpBepVSBOK");'
| ></div>
| </div>
| </div>
| <h1 class="text-[#0d141b] text-[22px] font-bold leading-tight tracking-[-0.015em] px-4 text-left pb-3 pt-5">创业项目比赛</h1>
| <p class="text-[#4c739a] text-sm font-normal leading-normal pb-3 pt-1 px-4">时间：2024-08-15 10:00</p>
| <h3 class="text-[#0d141b] text-lg font-bold leading-tight tracking-[-0.015em] px-4 pb-2 pt-4">比赛规则</h3>
| <p class="text-[#0d141b] text-base font-normal leading-normal pb-3 pt-1 px-4">所有参赛项目需要提交完整的创业计划书，并在现场进行路演。</p>
| <h3 class="text-[#0d141b] text-lg font-bold leading-tight tracking-[-0.015em] px-4 pb-2 pt-4">奖项设置</h3>
| <p class="text-[#0d141b] text-base font-normal leading-normal pb-3 pt-1 px-4">第一名：奖金2000元，第二名：奖金1000元，第三名：奖金500元。</p>
| <h3 class="text-[#0d141b] text-lg font-bold leading-tight tracking-[-0.015em] px-4 pb-2 pt-4">评论</h3>
| <div class="flex w-full flex-row items-start justify-start gap-3 p-4">
| <div
| class="bg-center bg-no-repeat aspect-square bg-cover rounded-full w-10 shrink-0"
| style='background-image: url("https://lh3.googleusercontent.com/aida-public/AB6AXuAfDakr06vYrP_0CjeJboBVUCy4srfiijAV21e9QSeStI80ZLM3jCRYjctAEElzAKtHMQI6isN0OePblP4t9OnJHSttCngtJveladiTgs86KCn34irzqkAZMaVn6zT4xeYIVCNhCKvcgZFRT5ZvqSHvPqn4EXWsq3lKLboPsFVhzinqAy9XkDJyUYplhc72uNsIasUGciDaU4nWi3Hw0ZdLFUZGnyYFaak3rojOwGX_vno0E3iOTpwLkVAYJSnLoob9H2pQ_fb4yGk0");'
| ></div>
| <div class="flex h-full flex-1 flex-col items-start justify-start">
| <div class="flex w-full flex-row items-start justify-start gap-x-3">
| <p class="text-[#0d141b] text-sm font-bold leading-normal tracking-[0.015em]">Emily Zhang</p>
| <p class="text-[#4c739a] text-sm font-normal leading-normal">2024-08-01</p>
| </div>
| <p class="text-[#0d141b] text-sm font-normal leading-normal">这个比赛看起来很有挑战性，我已经报名了！</p>
| <div class="flex w-full flex-row items-center justify-start gap-9 pt-2">
| <div class="flex items-center gap-2">
| <div class="text-[#4c739a]" data-icon="ThumbsUp" data-size="20px" data-weight="regular">
| <svg xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" fill="currentColor" viewBox="0 0 256 256">
| <path
| d="M234,80.12A24,24,0,0,0,216,72H160V56a40,40,0,0,0-40-40,8,8,0,0,0-7.16,4.42L75.06,96H32a16,16,0,0,0-16,16v88a16,16,0,0,0,16,16H204a24,24,0,0,0,23.82-21l12-96A24,24,0,0,0,234,80.12ZM32,112H72v88H32ZM223.94,97l-12,96a8,8,0,0,1-7.94,7H88V105.89l36.71-73.43A24,24,0,0,1,144,56V80a8,8,0,0,0,8,8h64a8,8,0,0,1,7.94,9Z"
| ></path>
| </svg>
| </div>
| <p class="text-[#4c739a] text-sm font-normal leading-normal">15</p>
| </div>
| </div>
| </div>
| </div>
| <div class="flex w-full flex-row items-start justify-start gap-3 p-4">
| <div
| class="bg-center bg-no-repeat aspect-square bg-cover rounded-full w-10 shrink-0"
| style='background-image: url("https://lh3.googleusercontent.com/aida-public/AB6AXuByBzsRLkEtvtYcIbpiPMjJ4VPFajLGNz-yP2bYWh5YKR0cKHhmCsXaiRN6yZmq52DmEJYDbUskeuZW0Gh8e8mDqOoZIeQA5h7NcjnlGZ_Onhh34fdzlLnOlWD-w4Py25fWwOvnPO3KP2bTi1BwI4-8sycAjzNIkXhA1UwCejFtoXe-NgLBgukalLbTWKd9JDMzjT3XDIrMW3E3Drf8BjQa2lS0dS1TUd9eDAAYJQwMBObRlyRiVrL9koOWLELrnVw4BBaNDizPLxoh");'
| ></div>
| <div class="flex h-full flex-1 flex-col items-start justify-start">
| <div class="flex w-full flex-row items-start justify-start gap-x-3">
| <p class="text-[#0d141b] text-sm font-bold leading-normal tracking-[0.015em]">Ethan Li</p>
| <p class="text-[#4c739a] text-sm font-normal leading-normal">2024-08-02</p>
| </div>
| <p class="text-[#0d141b] text-sm font-normal leading-normal">我也想参加，但是名额已经满了，太遗憾了。</p>
| <div class="flex w-full flex-row items-center justify-start gap-9 pt-2">
| <div class="flex items-center gap-2">
| <div class="text-[#4c739a]" data-icon="ThumbsUp" data-size="20px" data-weight="regular">
| <svg xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" fill="currentColor" viewBox="0 0 256 256">
| <path
| d="M234,80.12A24,24,0,0,0,216,72H160V56a40,40,0,0,0-40-40,8,8,0,0,0-7.16,4.42L75.06,96H32a16,16,0,0,0-16,16v88a16,16,0,0,0,16,16H204a24,24,0,0,0,23.82-21l12-96A24,24,0,0,0,234,80.12ZM32,112H72v88H32ZM223.94,97l-12,96a8,8,0,0,1-7.94,7H88V105.89l36.71-73.43A24,24,0,0,1,144,56V80a8,8,0,0,0,8,8h64a8,8,0,0,1,7.94,9Z"
| ></path>
| </svg>
| </div>
| <p class="text-[#4c739a] text-sm font-normal leading-normal">8</p>
| </div>
| </div>
| </div>
| </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-[#1380ec] text-slate-50 text-base font-bold leading-normal tracking-[0.015em]"
| >
| <span class="truncate">已报名</span>
| </button>
| </div>
| <div class="h-5 bg-slate-50"></div>
| </div>
| </div>
| </body>
| </html>
|
|
