Yun
161 lines
3.5 KiB
HTML
161 lines
3.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Document</title>
|
|
<!-- <link rel="stylesheet" href="./assets/css/index.css" /> -->
|
|
<style>
|
|
* {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
img {
|
|
display: block;
|
|
}
|
|
|
|
#app {
|
|
width: 480px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.flex-center {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.header {
|
|
width: 100%;
|
|
height: 96px;
|
|
background-color: #1b1b22;
|
|
}
|
|
|
|
.header .logo {
|
|
width: 95px;
|
|
}
|
|
|
|
.code-main {
|
|
padding: 22px 24px;
|
|
}
|
|
|
|
.code-tips {
|
|
color: #5b5b65;
|
|
font-size: 12px;
|
|
margin-bottom: 22px;
|
|
}
|
|
|
|
.code-content {
|
|
color: #1b1b22;
|
|
font-weight: bold;
|
|
font-size: 28px;
|
|
margin-bottom: 61px;
|
|
}
|
|
|
|
.team-tips {
|
|
font-size: 11px;
|
|
color: #5b5b65;
|
|
margin-bottom: 59px;
|
|
}
|
|
|
|
/* .team-tips::marker {
|
|
margin-right: 2px !important;
|
|
} */
|
|
|
|
.contact-us {
|
|
color: #d1d1d1;
|
|
padding-top: 24px;
|
|
border-top: solid 0.5px #d1d1d1;
|
|
}
|
|
|
|
.contact-us-info {
|
|
text-align: center;
|
|
font-size: 10px;
|
|
color: #838384;
|
|
padding: 0 40px;
|
|
line-height: 18px;
|
|
}
|
|
|
|
.contact-tel {
|
|
color: #838384;
|
|
text-align: center;
|
|
font-size: 10px;
|
|
}
|
|
|
|
.contact-tel-number {
|
|
color: #1b1b22;
|
|
}
|
|
|
|
.contact-created-version {
|
|
color: #838384;
|
|
text-align: center;
|
|
margin-top: 7px;
|
|
font-size: 10px;
|
|
}
|
|
|
|
.qr-code {
|
|
width: 64px;
|
|
margin: 9px auto 15px;
|
|
}
|
|
|
|
/* 异常邮件 */
|
|
|
|
.exception-title {
|
|
color: #1b1b22;
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
margin-bottom: 24px;
|
|
}
|
|
|
|
.exception-content {
|
|
line-height: 24px;
|
|
color: #5b5b65;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.exception-ignore {
|
|
margin-top: 45px;
|
|
color: #5b5b65;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.exception-team-tips {
|
|
margin-top: 85px;
|
|
margin-bottom: 20px;
|
|
font-size: 11px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="app">
|
|
<header class="header flex-center">
|
|
<img src="https://abpay-pub.s3.ap-northeast-1.amazonaws.com/1077_1727166836625.png" alt="" class="logo" />
|
|
</header>
|
|
|
|
<main class="code-main">
|
|
<div class="code-tips">
|
|
以下是你的 ABPAY 验证码。请注意，该验证码将在 {{.shijian}} 分钟后过期， 请尽快完成验证。
|
|
</div>
|
|
|
|
<div class="code-content">{{.verify_code}}</div>
|
|
|
|
<li class="team-tips">ABpay开发者团队服务</li>
|
|
|
|
<section class="contact-us">
|
|
<div class="contact-us-info">
|
|
本邮件由系统自动发出请勿回复，如需要了解更多服务，欢迎访问ABpay官方网
|
|
</div>
|
|
<div class="contact-us-info">还可以通以下方式联系我们</div>
|
|
|
|
<img src="https://abpay-pub.s3.ap-northeast-1.amazonaws.com/1077_1727166836625.png" alt="" class="qr-code" />
|
|
<div class="contact-tel">
|
|
客服电话：<span class="contact-tel-number">400-278-2890</span>
|
|
</div>
|
|
<div class="contact-created-version">2024 ABpay.com.cn . All rightes reserved</div>
|
|
</section>
|
|
</main>
|
|
</div>
|
|
</body>
|
|
</html>
|