update 邮箱验证码模版修改
This commit is contained in:
@@ -1,37 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN" xmlns:th="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>offline notification</title>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container" role="region" aria-label="M2POOL offline notification" tabindex="0"
|
||||
th:style="'background-image: url(' + @{${imagePrefix} + '/img/email/bg1.png'} + '); width:100%; max-width:600px; height:auto; min-height:100vh; margin:0 auto; position:relative; overflow:hidden; padding:2%; background-color:#f5f5f5; background-size:cover; background-repeat:no-repeat;box-sizing:border-box;'">
|
||||
<!-- 顶部品牌标识 -->
|
||||
<div class="brand" aria-label="M2POOL brand logo">
|
||||
<img th:src= "@{${imagePrefix} + '/img/email/logo.png'}" alt="logo" style="width:120px; height:auto; margin-left:10%; margin-top:6%;">
|
||||
</div>
|
||||
|
||||
<!-- 中心验证码卡片 -->
|
||||
<section class="card" aria-label="Offline Notification Card" th:style="'background-image: url(' + @{${imagePrefix} + '/img/email/daio.png'} + ');width:100%; max-width:310px; height:auto; min-height:240px; margin:0 auto; margin-top:10vh; box-shadow:0 8px 24px rgba(17, 24, 39, 0.10), 0 2px 6px rgba(17, 24, 39, 0.06); position:relative; overflow:hidden; padding:44px 40px 36px; text-align:center; background-color:#ffffff; background-size:105% 112%; background-position:center; background-repeat:no-repeat; border-radius:12px;'">
|
||||
<p class="notice" style="color:rgba(0,0,0,0.8); font-size:18px; margin-bottom:15px;">Your <span class="account-name" th:text="${coin}" style="color:#F94D87; font-weight:900; font-size:20px;"></span> mining account: <span class="account-name" style="color:#F94D87; font-weight:900; font-size:20px;" th:text="${user}"></span> </p>
|
||||
<p class="notice" style="color:rgba(0,0,0,0.8); font-size:18px; margin-bottom:15px;"> <span class="account-name" th:text="${offOnlineNumbers}" style="color:#F94D87; font-weight:900; font-size:20px;"></span> mining machines are offline!</p>
|
||||
<p class="notice" style="color:rgba(0,0,0,0.8); font-size:18px;">If your mining rig has been abnormally disconnected, please address it promptly!</p>
|
||||
</section>
|
||||
|
||||
<!-- 底部帮助与联系入口 -->
|
||||
<footer class="page-footer" style="margin-top:18vh; width:100%; height:auto; text-align:center;">
|
||||
<div class="divider" aria-hidden="true" style="width:100%; height:3px; background:#DDDDDD; margin:8px 0 20px;"></div>
|
||||
<p style="margin:0; padding:0; font-size:14px; color:#777777;">
|
||||
Thank you for choosing M2POOL. Need help?
|
||||
<a class="contact-link" style="color:#111827; font-weight:800; text-decoration:none; border-bottom:2px solid #111827; outline:none;" href="mailto:support@m2pool.com" aria-label="Contact Customer Service Email">Please contact customer service.</a>
|
||||
</p>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
161
src/main/resources/templates/power_leasingEmail.html
Normal file
161
src/main/resources/templates/power_leasingEmail.html
Normal file
@@ -0,0 +1,161 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta http-equiv="x-ua-compatible" content="ie=edge" />
|
||||
<title>Power Leasing - 邮箱验证码</title>
|
||||
</head>
|
||||
|
||||
<body style="margin:0; padding:0; background:#f6f7fb;">
|
||||
<div
|
||||
role="region"
|
||||
aria-label="Power Leasing 邮箱验证码页面"
|
||||
tabindex="0"
|
||||
style="
|
||||
width:100%;
|
||||
max-width:600px;
|
||||
height:auto;
|
||||
min-height:100vh;
|
||||
margin:0 auto;
|
||||
box-sizing:border-box;
|
||||
padding:6% 5%;
|
||||
position:relative;
|
||||
overflow:hidden;
|
||||
background: linear-gradient(180deg, #ffffff 0%, #f3f6ff 55%, #f6f7fb 100%);
|
||||
"
|
||||
>
|
||||
<section
|
||||
aria-label="验证码卡片"
|
||||
style="
|
||||
box-sizing:border-box;
|
||||
width:92%;
|
||||
max-width:360px;
|
||||
height:auto;
|
||||
min-height:260px;
|
||||
margin:0 auto;
|
||||
margin-top:10vh;
|
||||
box-shadow:0 8px 24px rgba(17, 24, 39, 0.10);
|
||||
position:relative;
|
||||
overflow:hidden;
|
||||
display:block;
|
||||
text-align:center;
|
||||
border-radius:14px;
|
||||
padding:24px 20px 22px;
|
||||
background:#ffffff;
|
||||
"
|
||||
>
|
||||
<p
|
||||
style="
|
||||
margin: 10% 0 0 0;
|
||||
padding: 0;
|
||||
color: rgba(0,0,0,0.72);
|
||||
font-size: 16px;
|
||||
line-height: 1.5;
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
|
||||
text-align: center;
|
||||
"
|
||||
th:text="${text}"
|
||||
>
|
||||
</p>
|
||||
|
||||
<div
|
||||
role="group"
|
||||
aria-live="polite"
|
||||
aria-label="验证码"
|
||||
style="
|
||||
position:relative;
|
||||
margin: 16px auto 0;
|
||||
display:block;
|
||||
width: 86%;
|
||||
max-width: 300px;
|
||||
height: auto;
|
||||
padding: 12px 0;
|
||||
border-radius: 12px;
|
||||
background: #ffffff;
|
||||
border: 3px solid #651EFE;
|
||||
box-sizing: border-box;
|
||||
text-align:center;
|
||||
"
|
||||
>
|
||||
<span
|
||||
data-default-code="4MKM6AX"
|
||||
aria-label="验证码内容"
|
||||
tabindex="0"
|
||||
style="
|
||||
display: block;
|
||||
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
|
||||
font-weight: 800;
|
||||
font-size: 24px;
|
||||
letter-spacing: 0.18em;
|
||||
color: #111827;
|
||||
line-height: 1;
|
||||
"
|
||||
th:text="${code}"
|
||||
>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<p
|
||||
style="
|
||||
margin: 14px 0 0 0;
|
||||
padding: 0;
|
||||
color: rgba(0,0,0,0.45);
|
||||
font-size: 12px;
|
||||
line-height: 1.4;
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
|
||||
"
|
||||
>
|
||||
如果这不是你的操作，请忽略本邮件。
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<footer
|
||||
aria-label="页脚帮助信息"
|
||||
style="
|
||||
margin-top: 18vh;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
text-align: center;
|
||||
"
|
||||
>
|
||||
<div
|
||||
aria-hidden="true"
|
||||
style="
|
||||
width: 100%;
|
||||
height: 3px;
|
||||
background: #dddddd;
|
||||
margin: 8px 0 18px;
|
||||
"
|
||||
></div>
|
||||
<p
|
||||
style="
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 14px;
|
||||
color: #6b7280;
|
||||
line-height: 1.6;
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
|
||||
"
|
||||
>
|
||||
感谢您选择 Power Leasing。如需帮助，
|
||||
<a
|
||||
href="mailto:support@m2pool.com"
|
||||
aria-label="联系客服邮箱"
|
||||
tabindex="0"
|
||||
style="
|
||||
color: #111827;
|
||||
font-weight: 800;
|
||||
text-decoration: none;
|
||||
border-bottom: 2px solid #111827;
|
||||
outline: none;
|
||||
"
|
||||
>
|
||||
请联系客户服务
|
||||
</a>
|
||||
。
|
||||
</p>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user