赛博风格的订单通知邮箱模板

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>新订单通知</title>
</head>
<body style="font-family: 'Roboto', sans-serif; background-color: #0d0d0d; margin: 0; padding: 20px; color: #e0e0e0;">
    <div style="max-width: 600px; margin: 0 auto; background-color: #1a1a1a; border: 2px solid #3a3a3a; border-radius: 10px; padding: 20px; box-shadow: 0 0 15px rgba(0, 255, 255, 0.5);">
        <div style="text-align: center; margin-bottom: 20px;">
            <img src="http://payphp.cn/wp-content/uploads/2024/11/desktop-dark.png" alt="Logo" style="width: 30%; height: auto; border-radius: 5px;">
        </div>
        <h2 style="font-size: 24px; color: #00ffff; margin-bottom: 20px; font-weight: bold; text-shadow: 0 0 8px #00ffff;">【[sitename]】新订单通知</h2>
        <p style="font-size: 16px; color: #e0e0e0; margin-bottom: 10px;">尊敬的 <strong style="color: #00ffff;">[username]</strong> 用户,您好!</p>
        <p style="font-size: 16px; color: #e0e0e0; margin-bottom: 20px;">您的新订单情况如下:</p>

<div style="background-color: #1f1f1f; padding: 15px; border-radius: 8px; margin-bottom: 20px; border: 1px solid #333;">
    <table style="width: 100%; font-size: 15px; color: #e0e0e0;">
        <tr>
            <td style="padding: 8px 0; border-bottom: 1px solid #444;">订单号</td>
            <td style="padding: 8px 0; border-bottom: 1px solid #444; text-align: right;"><strong style="color: #ff00ff;">[out_trade_no]</strong></td>
        </tr>
        <tr>
            <td style="padding: 8px 0; border-bottom: 1px solid #444;">支付通道</td>
            <td style="padding: 8px 0; border-bottom: 1px solid #444; text-align: right;"><strong style="color: #ff00ff;">[c_type]</strong></td>
        </tr>
        <tr>
            <td style="padding: 8px 0; border-bottom: 1px solid #444;">商品名称</td>
            <td style="padding: 8px 0; border-bottom: 1px solid #444; text-align: right;"><strong style="color: #ff00ff;">[name]</strong></td>
        </tr>
        <tr>
            <td style="padding: 8px 0; border-bottom: 1px solid #444;">订单金额</td>
            <td style="padding: 8px 0; border-bottom: 1px solid #444; text-align: right;"><strong style="color: #ff00ff;">[price]</strong></td>
        </tr>
        <tr>
            <td style="padding: 8px 0;">支付时间</td>
            <td style="padding: 8px 0; text-align: right;"><strong style="color: #ff00ff;">[date]</strong></td>
        </tr>
    </table>
</div>

        <a href="#" style="display: block; background: linear-gradient(to right, #00ffff, #ff00ff); color: white; padding: 12px 0; border-radius: 4px; text-decoration: none; font-size: 16px; font-weight: bold; text-align: center; width: 100%; box-sizing: border-box; box-shadow: 0 0 10px #00ffff, 0 0 10px #ff00ff; transition: background 0.3s ease;">
            前往商户中心
        </a>

        <p style="font-size: 14px; color: #666; margin-top: 30px; line-height: 1.6;">温馨提示:<br>若您想关闭新订单通知可以进入商户中心一账户设置一通知设置,关闭新订单通知。</p>
        <p style="font-size: 14px; color: #666; margin-top: 20px;">此致<br><strong style="color: #00ffff;">[sitename]</strong></p>
        <p style="font-size: 12px; color: #888; margin-top: 30px; text-align: center;">此为系统邮件,请勿回复。</p>
        <p style="font-size: 12px; color: #888; margin-top: 10px; text-align: center;">Copyright © 2024 [sitename] All rights reserved</p>
    </div>
</body>
</html>

官方动态

查看更多>>