完善多个通道

2024-11-20 19:42:07 +08:00
parent 868a5106e6
commit dc49e97912
33 changed files with 1861 additions and 191 deletions
@@ -0,0 +1,160 @@
+<!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>