Skip to content

Commit 16febf2

Browse files
Erimus-KooErimus-Koo
committed
feat: refactor mail template and add link address for copy
1 parent 4c33187 commit 16febf2

File tree

4 files changed

+454
-543
lines changed

4 files changed

+454
-543
lines changed

‎service/src/utils/templates/mail.admin.template.html

Lines changed: 114 additions & 134 deletions
Original file line numberDiff line numberDiff line change
@@ -1,139 +1,119 @@
11
<html>
2-
<head> </head>
3-
<body>
4-
<div class="page flex-col">
5-
<div class="box_3 flex-col" style="
6-
display: flex;
7-
position: relative;
8-
width: 100%;
9-
height: 206px;
10-
background: #ef859d2e;
11-
top: 0;
12-
left: 0;
13-
justify-content: center;
14-
">
15-
<div class="section_1 flex-col" style="
16-
background-image: url(&quot;https://ghproxy.com/https://raw.githubusercontent.com/Chanzhaoyu/chatgpt-web/main/src/assets/avatar.jpg&quot;);
17-
position: absolute;
18-
width: 152px;
19-
height: 152px;
20-
display: flex;
21-
top: 130px;
22-
background-size: cover;
23-
border-radius: 50%;
24-
margin: 10px;
25-
"></div>
26-
</div>
27-
<div class="box_4 flex-col" style="
28-
margin-top: 92px;
29-
display: flex;
30-
flex-direction: column;
31-
align-items: center;
32-
">
33-
<div class="text-group_5 flex-col justify-between" style="
34-
display: flex;
35-
flex-direction: column;
36-
align-items: center;
37-
margin: 0 20px;
38-
">
39-
<span class="text_1" style="
40-
font-size: 26px;
41-
font-family: PingFang-SC-Bold, PingFang-SC;
42-
font-weight: bold;
43-
color: #000000;
44-
line-height: 37px;
45-
text-align: center;
46-
">
47-
<target="_blank" style="text-decoration: none; color: #0088cc;">${SITE_TITLE}</a> 账号申请
48-
</span>
2+
<head> </head>
493

50-
<div class="box_2 flex-row" style="
51-
margin: 0 20px;
52-
min-height: 128px;
53-
background: #F7F7F7;
54-
border-radius: 12px;
55-
margin-top: 34px;
56-
display: flex;
57-
flex-direction: column;
58-
align-items: flex-start;
59-
padding: 32px 16px;
60-
width: calc(100% - 40px);
61-
">
4+
<body
5+
style="
6+
font-family: -apple-system, 'microsoft yahei', sans-serif;
7+
font-size: 16px;
8+
text-align: center;
9+
"
10+
>
11+
<div class="main-wrapper">
12+
<!-- top area start -->
13+
<div
14+
class="header-wrapper"
15+
style="height: 10em; background: #fcc; justify-content: center"
16+
></div>
17+
<div
18+
class="avatar"
19+
style="
20+
background-color: #eee;
21+
background-image: url('https://ghproxy.com/https://raw.githubusercontent.com/Chanzhaoyu/chatgpt-web/main/src/assets/avatar.jpg');
22+
width: 10em;
23+
height: 10em;
24+
margin: -5em auto 1em;
25+
background-size: cover;
26+
border-radius: 50%;
27+
border: 0.25em solid white;
28+
"
29+
></div>
30+
<div
31+
class="article-title"
32+
style="
33+
margin: 0 auto;
34+
font-weight: bold;
35+
line-height: 2;
36+
text-align: center;
37+
color: #06f;
38+
"
39+
>
40+
${SITE_TITLE} 账号申请
41+
</div>
42+
<!-- top area end -->
6243

63-
<div class="text-wrapper_4 flex-col justify-between" style="
64-
display: flex;
65-
flex-direction: column;
66-
margin-left: 30px;
67-
margin-bottom: 16px;
68-
">
69-
<hr>
70-
<span class="text_3" style=" font-family: Arial, sans-serif; font-size: 16px; color: #333;">
71-
<h1 style="color: #0088cc;">
72-
账号申请邮箱：${TO_MAIL}，账号开通链接为（12小时内有效）：
73-
</span>
74-
</div>
75-
<hr style="
76-
display: flex;
77-
position: relative;
78-
border: 1px dashed #ef859d2e;
79-
box-sizing: content-box;
80-
height: 0px;
81-
overflow: visible;
82-
width: 100%;
83-
">
84-
<div class="text-wrapper_4 flex-col justify-between" style="
85-
display: flex;
86-
flex-direction: column;
87-
margin-left: 30px;
88-
">
89-
<hr>
90-
</h1>
91-
<p style="margin-top: 20px;">
92-
请点击以下按钮进行开通：
93-
<span class="text_4" style="
94-
margin-top: 6px;
95-
margin-right: 22px;
96-
font-size: 16px;
97-
font-family: PingFangSC-Regular, PingFang SC;
98-
font-weight: 400;
99-
color: #000000;
100-
line-height: 22px;
101-
"></span>
102-
</div>
44+
<!-- content area start -->
45+
<div
46+
class="content-wrapper"
47+
style="
48+
width: 100%;
49+
padding: 2em;
50+
box-sizing: border-box;
51+
overflow: hidden;
52+
"
53+
>
54+
<div
55+
class="content gray-box"
56+
style="
57+
min-height: 8em;
58+
background: #8881;
59+
border-radius: 2em;
60+
margin-top: 2em;
61+
padding: 2em;
62+
box-sizing: border-box;
63+
"
64+
>
65+
<div style="text-align: center; color: #06f; font-size: 1.5em">
66+
账号申请邮箱：${TO_MAIL}，这是您的账号开通链接 (12小时内有效)
67+
</div>
10368

104-
<a target="_blank" class="text-wrapper_2 flex-col" style="
105-
min-width: 106px;
106-
height: 38px;
107-
background: #ef859d38;
108-
border-radius: 32px;
109-
display: flex;
110-
align-items: center;
111-
justify-content: center;
112-
text-decoration: none;
113-
margin: auto;
114-
margin-top: 32px;
115-
" href="${VERIFY_URL}">
116-
<span class="text_5" style="
117-
color: #DB214B;
118-
">点我开通</span>
119-
</a>
120-
</div>
121-
<div class="text-group_6 flex-col justify-between" style="
122-
display: flex;
123-
flex-direction: column;
124-
align-items: center;
125-
margin-top: 34px;
126-
">
127-
<span class="text_6" style="
128-
height: 17px;
129-
font-size: 12px;
130-
font-family: PingFangSC-Regular, PingFang SC;
131-
font-weight: 400;
132-
color: #00000045;
133-
line-height: 17px;
134-
">此邮件由服务器自动发出，直接回复无效。</span>
135-
</div>
136-
</div>
137-
</div>
138-
</body>
69+
<hr style="border: 1px dashed #fcc; margin: 2em 0" />
70+
71+
<div style="text-align: center">
72+
<div>请点击以下按钮进行开通</div>
73+
74+
<div
75+
style="
76+
display: inline-block;
77+
height: 3em;
78+
min-width: 8em;
79+
background: #fcc;
80+
border-radius: 3em;
81+
margin: 2em auto;
82+
"
83+
>
84+
<a
85+
target="_blank"
86+
style="
87+
height: 3em;
88+
line-height: 3em;
89+
color: #c33;
90+
text-decoration: none;
91+
padding: 0 1.5em;
92+
"
93+
href="${VERIFY_URL}"
94+
>
95+
点我开通
96+
</a>
97+
</div>
98+
</div>
99+
100+
<hr style="border: 1px dashed #fcc; margin: 2em 0" />
101+
102+
<div style="color: #888; font-family: monospace; font-size: 0.8em">
103+
<div>或者复制链接，并去浏览器打开</div>
104+
<a href="${VERIFY_URL}" style="text-decoration: none; color: #888"
105+
>${VERIFY_URL}</a
106+
>
107+
</div>
108+
</div>
109+
</div>
110+
<!-- content area end -->
111+
112+
<!-- footer start -->
113+
<div class="footer" style="margin: 2rem; color: #999; font-size: 0.8em">
114+
此邮件由服务器自动发出，直接回复无效。
115+
</div>
116+
<!-- footer end -->
117+
</div>
118+
</body>
139119
</html>

0 commit comments

Comments
 (0)