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
145
146
147
148
149
150
151
152
153
154
| <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 items-center gap-4 bg-slate-50 px-4 min-h-[72px] py-2 justify-between">
| <div class="flex items-center gap-4">
| <div class="text-[#0d141b] flex items-center justify-center rounded-lg bg-[#e7edf3] shrink-0 size-12" data-icon="Bell" 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="M221.8,175.94C216.25,166.38,208,139.33,208,104a80,80,0,1,0-160,0c0,35.34-8.26,62.38-13.81,71.94A16,16,0,0,0,48,200H88.81a40,40,0,0,0,78.38,0H208a16,16,0,0,0,13.8-24.06ZM128,216a24,24,0,0,1-22.62-16h45.24A24,24,0,0,1,128,216ZM48,184c7.7-13.24,16-43.92,16-80a64,64,0,1,1,128,0c0,36.05,8.28,66.73,16,80Z"
| ></path>
| </svg>
| </div>
| <div class="flex flex-col justify-center">
| <p class="text-[#0d141b] text-base font-medium leading-normal line-clamp-1">项目评估通知</p>
| <p class="text-[#4c739a] text-sm font-normal leading-normal line-clamp-2">您有一个新的项目评估任务</p>
| </div>
| </div>
| <div class="shrink-0"><p class="text-[#4c739a] text-sm font-normal leading-normal">10:30</p></div>
| </div>
| <div class="flex items-center gap-4 bg-slate-50 px-4 min-h-[72px] py-2 justify-between">
| <div class="flex items-center gap-4">
| <div class="text-[#0d141b] flex items-center justify-center rounded-lg bg-[#e7edf3] shrink-0 size-12" data-icon="Bell" 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="M221.8,175.94C216.25,166.38,208,139.33,208,104a80,80,0,1,0-160,0c0,35.34-8.26,62.38-13.81,71.94A16,16,0,0,0,48,200H88.81a40,40,0,0,0,78.38,0H208a16,16,0,0,0,13.8-24.06ZM128,216a24,24,0,0,1-22.62-16h45.24A24,24,0,0,1,128,216ZM48,184c7.7-13.24,16-43.92,16-80a64,64,0,1,1,128,0c0,36.05,8.28,66.73,16,80Z"
| ></path>
| </svg>
| </div>
| <div class="flex flex-col justify-center">
| <p class="text-[#0d141b] text-base font-medium leading-normal line-clamp-1">项目注册通知</p>
| <p class="text-[#4c739a] text-sm font-normal leading-normal line-clamp-2">您有一个新的项目注册通知</p>
| </div>
| </div>
| <div class="shrink-0"><p class="text-[#4c739a] text-sm font-normal leading-normal">10:30</p></div>
| </div>
| <div class="flex items-center gap-4 bg-slate-50 px-4 min-h-[72px] py-2 justify-between">
| <div class="flex items-center gap-4">
| <div class="text-[#0d141b] flex items-center justify-center rounded-lg bg-[#e7edf3] shrink-0 size-12" data-icon="Bell" 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="M221.8,175.94C216.25,166.38,208,139.33,208,104a80,80,0,1,0-160,0c0,35.34-8.26,62.38-13.81,71.94A16,16,0,0,0,48,200H88.81a40,40,0,0,0,78.38,0H208a16,16,0,0,0,13.8-24.06ZM128,216a24,24,0,0,1-22.62-16h45.24A24,24,0,0,1,128,216ZM48,184c7.7-13.24,16-43.92,16-80a64,64,0,1,1,128,0c0,36.05,8.28,66.73,16,80Z"
| ></path>
| </svg>
| </div>
| <div class="flex flex-col justify-center">
| <p class="text-[#0d141b] text-base font-medium leading-normal line-clamp-1">系统提示</p>
| <p class="text-[#4c739a] text-sm font-normal leading-normal line-clamp-2">您有一个新的系统提示</p>
| </div>
| </div>
| <div class="shrink-0"><p class="text-[#4c739a] text-sm font-normal leading-normal">10:30</p></div>
| </div>
| <div class="flex items-center gap-4 bg-slate-50 px-4 min-h-[72px] py-2 justify-between">
| <div class="flex items-center gap-4">
| <div class="text-[#0d141b] flex items-center justify-center rounded-lg bg-[#e7edf3] shrink-0 size-12" data-icon="Bell" 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="M221.8,175.94C216.25,166.38,208,139.33,208,104a80,80,0,1,0-160,0c0,35.34-8.26,62.38-13.81,71.94A16,16,0,0,0,48,200H88.81a40,40,0,0,0,78.38,0H208a16,16,0,0,0,13.8-24.06ZM128,216a24,24,0,0,1-22.62-16h45.24A24,24,0,0,1,128,216ZM48,184c7.7-13.24,16-43.92,16-80a64,64,0,1,1,128,0c0,36.05,8.28,66.73,16,80Z"
| ></path>
| </svg>
| </div>
| <div class="flex flex-col justify-center">
| <p class="text-[#0d141b] text-base font-medium leading-normal line-clamp-1">项目评估通知</p>
| <p class="text-[#4c739a] text-sm font-normal leading-normal line-clamp-2">您有一个新的项目评估任务</p>
| </div>
| </div>
| <div class="shrink-0"><p class="text-[#4c739a] text-sm font-normal leading-normal">10:30</p></div>
| </div>
| <div class="flex items-center gap-4 bg-slate-50 px-4 min-h-[72px] py-2 justify-between">
| <div class="flex items-center gap-4">
| <div class="text-[#0d141b] flex items-center justify-center rounded-lg bg-[#e7edf3] shrink-0 size-12" data-icon="Bell" 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="M221.8,175.94C216.25,166.38,208,139.33,208,104a80,80,0,1,0-160,0c0,35.34-8.26,62.38-13.81,71.94A16,16,0,0,0,48,200H88.81a40,40,0,0,0,78.38,0H208a16,16,0,0,0,13.8-24.06ZM128,216a24,24,0,0,1-22.62-16h45.24A24,24,0,0,1,128,216ZM48,184c7.7-13.24,16-43.92,16-80a64,64,0,1,1,128,0c0,36.05,8.28,66.73,16,80Z"
| ></path>
| </svg>
| </div>
| <div class="flex flex-col justify-center">
| <p class="text-[#0d141b] text-base font-medium leading-normal line-clamp-1">项目注册通知</p>
| <p class="text-[#4c739a] text-sm font-normal leading-normal line-clamp-2">您有一个新的项目注册通知</p>
| </div>
| </div>
| <div class="shrink-0"><p class="text-[#4c739a] text-sm font-normal leading-normal">10:30</p></div>
| </div>
| <div class="flex items-center gap-4 bg-slate-50 px-4 min-h-[72px] py-2 justify-between">
| <div class="flex items-center gap-4">
| <div class="text-[#0d141b] flex items-center justify-center rounded-lg bg-[#e7edf3] shrink-0 size-12" data-icon="Bell" 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="M221.8,175.94C216.25,166.38,208,139.33,208,104a80,80,0,1,0-160,0c0,35.34-8.26,62.38-13.81,71.94A16,16,0,0,0,48,200H88.81a40,40,0,0,0,78.38,0H208a16,16,0,0,0,13.8-24.06ZM128,216a24,24,0,0,1-22.62-16h45.24A24,24,0,0,1,128,216ZM48,184c7.7-13.24,16-43.92,16-80a64,64,0,1,1,128,0c0,36.05,8.28,66.73,16,80Z"
| ></path>
| </svg>
| </div>
| <div class="flex flex-col justify-center">
| <p class="text-[#0d141b] text-base font-medium leading-normal line-clamp-1">系统提示</p>
| <p class="text-[#4c739a] text-sm font-normal leading-normal line-clamp-2">您有一个新的系统提示</p>
| </div>
| </div>
| <div class="shrink-0"><p class="text-[#4c739a] text-sm font-normal leading-normal">10:30</p></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 rounded-full text-[#0d141b]" href="#">
| <div class="text-[#0d141b] flex h-8 items-center justify-center" data-icon="House" 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="M224,115.55V208a16,16,0,0,1-16,16H168a16,16,0,0,1-16-16V168a8,8,0,0,0-8-8H112a8,8,0,0,0-8,8v40a16,16,0,0,1-16,16H48a16,16,0,0,1-16-16V115.55a16,16,0,0,1,5.17-11.78l80-75.48.11-.11a16,16,0,0,1,21.53,0,1.14,1.14,0,0,0,.11.11l80,75.48A16,16,0,0,1,224,115.55Z"
| ></path>
| </svg>
| </div>
| <p class="text-[#0d141b] 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 text-[#4c739a]" href="#">
| <div class="text-[#4c739a] flex h-8 items-center justify-center" data-icon="User" 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="M230.92,212c-15.23-26.33-38.7-45.21-66.09-54.16a72,72,0,1,0-73.66,0C63.78,166.78,40.31,185.66,25.08,212a8,8,0,1,0,13.85,8c18.84-32.56,52.14-52,89.07-52s70.23,19.44,89.07,52a8,8,0,1,0,13.85-8ZM72,96a56,56,0,1,1,56,56A56.06,56.06,0,0,1,72,96Z"
| ></path>
| </svg>
| </div>
| <p class="text-[#4c739a] text-xs font-medium leading-normal tracking-[0.015em]">我的</p>
| </a>
| </div>
| <div class="h-5 bg-slate-50"></div>
| </div>
| </div>
| </body>
| </html>
|
|
