gitadmin/wms-template
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

新增素材

Browse Source
This commit is contained in:
zjl 2024-12-14 15:24:16 +08:00
commit 2245445af4
19 changed files with 759 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
email-tpl.zip Normal file
View File

Binary file not shown.

BIN
email/code.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.2 KiB

189
email/email.html Normal file
View File

@ -0,0 +1,189 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>腾讯云账单通知</title>
</head>
<body>
<div class="bill-notification">
<div class="title-box">
<img src="./logo.png" style="width:50px;height:50px;">
<span>腾讯云</span>
</div>
<div class="bill-content">
<h1>腾讯云2024-03账单通知</h1>
<p>尊敬的腾讯云用户，您好！</p>
<p>账号ID：117******，昵称：相约在冬季，2024-03账单已出账。</p>
<div class="summary">
<p>您2024-03的消费概览情况如下：</p>
<div class="list">
<div>
<div>账单周期</div>
<div>折后总费用</div>
<div>现金支出</div>
<div>赠送金支出</div>
<div>代金券支出</div>
</div>
<div>
<div>2024/03/01-2024/03/31</div>
<div>104.00元</div>
<div>99.00元</div>
<div>0.00元</div>
<div>5.00元</div>
</div>
</div>
<table class="domain-table">
<thead>
<tr>
<th>服务器</th>
<th>漏洞名称</th>
<th>时间</th>
</tr>
</thead>
<tbody>
<tr>
<td>easygoadmin.com</td>
<td>dns3.hichina.com</td>
<td>2023-10-24</td>
</tr>
</tbody>
</table>
<div style="margin:10px 0;">折后总费用=现金支出+赠送金支出+代金券支出</div>
<a href="#" class="view-bill">查看账单</a>
</div>
<div class="tips">
<h4>温馨提示:</h4>
<ol>
<li>此通知并非欠费通知，只作为告知您每个月的消费情况。</li>
<li>若您对本月账单费用有任何问题或争议，可联系您的客户经理，或提交工单反馈给我们，我们将尽快为您解答、核实和处理。</li>
<li>如需修改账单通知接收人，您可登录腾讯云官网，进入消息中心-消息订阅进行修改。</li>
</ol>
</div>
<p>此致</p>
<p>腾讯云团队</p>
</div>
<div class="bill-footer">
<div>此为系统邮件，请勿回复。<a href="">取消订阅</a></div>
<div class="imgs"><img src="./code.png" style="width:100px;height:100px;"></div>
<div>关注服务号，移动管理云资源</div>
<div>Copyright @ 2006-2020 DNSPod, Inc.</div>
<div>All rights reserved.腾讯云 版权所有</div>
</div>
</div>
</body>
</html>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 20px;
line-height: 1.6;
}
.bill-notification {
max-width: 600px;
margin: 0 auto;
padding: 20px;
border: 1px solid #ccc;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
background-color: #FAFAFA;
}
.bill-notification .title-box {
display: flex;
align-items: center;
}
.bill-notification .title-box > span {
margin-left:10px;
font-size:24px;
font-weight: bold;
}
.bill-notification .bill-content {
padding:0 20px 20px;
margin-top:15px;
border:1px solid #cccccc;
background-color: #ffffff;
border-top:4px solid #007bff;
}
.bill-notification h1 {
color: #333;
}
.summary .list {
display: flex;
padding-top:20px;
border-top:1px solid #cccccc;
}
.summary .list >div:first-child {
font-weight: bold;
width:120px;
border-right:1px solid #cccccc;
}
.summary .list >div:first-child > div {
margin-bottom: 8px;;
}
.summary .list >div:last-child {
flex:1;
margin-left:20px;
}
.summary .list >div:last-child > div {
margin-bottom: 8px;;
}
.view-bill {
display: block;
padding: 8px 16px;
margin-top: 20px;
background-color: #007bff;
color: white;
text-decoration: none;
border-radius: 4px;
text-align: center;
}
.tips {
border-top:1px solid #cccccc;
margin-top:20px;
}
.tips h2 {
color: #555;
}
.tips ol {
list-style-type: decimal;
padding-left: 20px;
}
.tips ol > li {
font-size: 14px;
color: #626262;
margin-bottom:10px;
}
table.domain-table {
width: 100%;
border-collapse: collapse;
margin-top: 20px;
}
table.domain-table th, table.domain-table td {
border: 1px solid #ddd;
padding: 8px;
text-align: left;
width: 33.3%;
word-break: break-all;
}
table.domain-table th {
background-color: #f8f9fa;
width: 33.3%;
}
.bill-footer {
margin-top:20px;
text-align: center;
color: #999999;
}
.bill-footer .imgs {
margin:15px 0;
}
</style>

120
email/email2.html Normal file
View File

@ -0,0 +1,120 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>DNSPOD清理通知</title>
</head>
<body>
<div class="notification">
<div class="head-box">
<img src="./head.png" style="width:100%;"/>
</div>
<div class="notification-content">
<h2>DNSPod解析域名长时间不使用清理通知</h2>
<p>尊敬的DNSPod用户，您好！</p>
<p>您的腾讯云账号（账号ID：117****, 昵称：相约在冬季）在DNSPod的部分解析域名，由于超过30天未正常使用DNS 解析服务，且未正确设置DNS服务器。为了避免资源浪费，系统将于7天后自动清除以下无效域名：</p>
<table class="domain-table">
<thead>
<tr>
<th>域名地址</th>
<th>当前DNS</th>
<th>正确 DNS</th>
<th>自动清除时间</th>
</tr>
</thead>
<tbody>
<tr>
<td>easygoadmin.com</td>
<td>dns3.hichina.com</td>
<td>root.dnspod.net.</td>
<td>2023-10-24</td>
</tr>
</tbody>
</table>
<div style="margin-top:50px;">温馨提醒：</div>
<ul>
<li>以上域名当前并未使用DNSPod解析服务，因此本次清除操作不会影响业务。</li>
<li>如以上域名需要切换至DNSPod解析使用，请修改相关域名的DNS服务器地址。如何修改？</li>
<li>如以上域名希望保持当前DNS解析服务不变，您无需进行任何操作。</li>
</ul>
<div style="margin-top:50px;">注意：</div>
<ul>
<li>根据系统检测，以上域名当前并未正常使用DNSPod解析服务，因此本次清除操作评估不会影响业务，不影响该域名在其他平台的解析服务。</li>
<li>本次清除操作，仅针对DNS解析域名，对于域名注册服务无任何影响。</li>
<li>如您不了解上述内容，不清楚应该怎么做，那么无需进行任何操作。</li>
<li>如您忘记登录账号，可通过域名查找账号。</li>
</ul>
<p style="color: #999999;">此为系统邮件，请勿回复。</p>
<p style="color: #999999;">Copyright @ 2006-2020 DNSPod, Inc. All rights reserved.</p>
</div>
<div class="bill-footer">
<div>此为系统邮件，请勿回复。<a href="">取消订阅</a></div>
<div class="imgs"><img src="./code.png" style="width:100px;height:100px;"></div>
<div>关注服务号，移动管理云资源</div>
<div>Copyright @ 2006-2020 DNSPod, Inc.</div>
<div>All rights reserved.腾讯云 版权所有</div>
</div>
</div>
</body>
</html>
<style>
body {
font-family: Arial, sans-serif;
line-height: 1.6;
margin: 0;
padding: 20px;
background-color: #f4f4f4;
}
.notification {
max-width: 700px;
margin: 0 auto;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
background-color: #FAFAFA;
}
.notification .notification-content {
padding:20px;
}
h1 {
text-align: center;
}
table.domain-table {
width: 100%;
border-collapse: collapse;
margin-top: 20px;
}
table.domain-table th, table.domain-table td {
border: 1px solid #ddd;
padding: 8px;
text-align: left;
width: 25%;
word-break: break-all;
}
table.domain-table th {
background-color: #f8f9fa;
width: 25%;
}
.bill-footer {
margin-top:20px;
text-align: center;
color: #999999;
}
.bill-footer .imgs {
margin:15px 0;
}
ul {
list-style-type: decimal;
padding-left: 20px;
}
ul > li {
font-size: 14px;
margin-bottom:10px;
}
</style>

BIN
email/head.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.0 KiB

BIN
email/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 28 KiB

BIN
login.zip Normal file
View File

Binary file not shown.

BIN
login/imgs/code.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

BIN
login/imgs/code.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.2 KiB

BIN
login/imgs/eye.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

BIN
login/imgs/img1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 46 KiB

BIN
login/imgs/img2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 41 KiB

BIN
login/imgs/login-bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 58 KiB

BIN
login/imgs/login-img.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 120 KiB

BIN
login/imgs/phone.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.6 KiB

BIN
login/imgs/qr.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

BIN
login/imgs/user.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.4 KiB

269
login/login.css Normal file
View File

@ -0,0 +1,269 @@
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
line-height: 1.6;
font-size: 14px;
color: #515a61;
}
/*主页*/
.account {
width: 100%;
margin: 0 auto;
}
.account-container {
width: 100%;
min-height: 100vh;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
padding: 20px;
box-sizing: border-box;
background-image: url("./imgs/login-bg.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
.account-wrap-login {
width: 920px;
height: 510px;
background: #fff;
border-radius: 10px;
overflow: hidden;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.login-pic {
flex: 1;
padding: 32px 8px;
box-sizing: border-box;
background-color: #1681fd;
background-image: url("./imgs/login-img.png");
background-repeat: no-repeat;
background-position: bottom;
background-size: contain;
text-align: center;
}
.login-title {
color: #ffffff;
font-size: 28px;
margin: 0 0 6px;
font-weight: 400;
letter-spacing: 1.2px;
}
.login-subtitle {
color: #fffc;
font-size: 16px;
margin: 0;
font-weight: 400;
letter-spacing: 4px;
letter-spacing: 1.2px;
}
img {
max-width: 100%;
}
.login-form {
width: 400px;
position: relative;
}
.login-form-container {
margin: auto;
width: 100%;
padding: 25px 48px 0;
box-sizing: border-box;
}
.login-form-title {
padding-bottom: 15px;
text-align: center;
}
.corner-box {
position: absolute;
top: 0;
right: 0;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
right: 0;
top: 0;
width: 80px;
height: 80px;
border-radius: 0 0 0 150%;
background: #1890ff;
cursor: pointer;
}
.corner-box > img {
width: 40px;
height: 40px;
margin-right: -20px;
margin-top: -10px;
}
@media (max-width: 680px) {
.login-pic {
padding: 20px 12px 100px;
background-size: auto 100px;
}
.login-form {
width: 100%;
margin: auto;
}
}
.account-top-desc {
font-size: 24px;
font-weight: bold;
color: #000000;
margin-bottom: 18px;
}
.account-tab-box {
display: flex;
height: 34px;
margin-bottom: 18px;
background-color: #f5f5f5;
border-radius: 4px;
padding: 3px;
}
.account-tab-box > div {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
color: rgba(0, 0, 0, 0.6);
}
.account-tab-box > div.active {
background-color: #ffffff;
color: rgba(0, 0, 0, 0.92);
}
.account-tab-box > div.active:hover {
color: rgba(0, 0, 0, 0.92);
}
.tab-content {
display: none;
}
.tab-content.active {
display: block;
}
@media (max-width: 680px) {
.account-container {
padding: 0;
display: block;
background: #fff;
}
.account-wrap-login {
display: block;
height: auto;
width: 100%;
background: none;
box-shadow: none;
border-radius: 0;
}
}
/*通用样式*/
input[type="text"],
input[type="password"] {
height: 40px;
line-height: 40px;
padding: 0 5px;
border-radius: 2px;
width: 100%;
border: none;
border: 1px solid #e5e7eb;
margin-bottom: 20px;
box-sizing: border-box;
}
input:focus {
outline: none;
}
.btns {
background-color: #2d8cf0;
border: none;
color: #ffffff;
width: 100%;
height: 40px;
line-height: 40px;
margin: 10px 0;
cursor: pointer;
}
/*账号登录*/
.input-icon {
background-size: 18px auto;
background-repeat: no-repeat;
padding-left: 40px !important;
}
.account-icon {
background-image: url("./imgs/user.jpg");
background-position: 12px 6px;
}
.password-icon {
background-image: url("./imgs/eye.jpg");
background-position: 12px 10px;
}
.code-icon {
background-image: url("./imgs/code.jpg");
background-position: 12px 6px;
}
.phone-icon {
background-image: url("./imgs/phone.jpg");
background-position: 12px 6px;
}
.other-login {
display: flex;
align-items: center;
justify-content: space-between;
}
.code-box {
display: flex;
}
.code-box img {
width: 105px;
height: 45px;
border-radius: 4px;
margin-left: 8px;
border: 1px solid #d9d9d9;
cursor: pointer;
}
/*手机号登录*/
.phone-box {
position: relative;
}
.phone-box > button {
position: absolute;
right:10px;
top:10px;
cursor: pointer;
background: none;
border:none;
}
/*注册*/
.rigister-content {
display: none;
}
/*扫码登录*/
.qrCode-box {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 24px;
}
.qrCode-box .qr-img {
border: 1px solid #dcdfe6;
padding: 10px;
border-radius: 4px;
}
.qrCode-box .qr-text {
cursor: pointer;
margin-top: 16px;
display: flex;
align-items: center;
justify-content: center;
color: rgba(0, 0, 0, 0.88);
}

181
login/login.html Normal file
View File

@ -0,0 +1,181 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>登录</title>
<link rel="stylesheet" href="./login.css" />
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<div class="account">
<div class="account-container">
<div class="account-wrap-login">
<div class="login-pic">
<h1 class="login-title">云恒WMS</h1>
<h4 class="login-subtitle">
赋能开发者，助力企业发展，全方位提供数据中台解决方案!
</h4>
</div>
<div class="login-form">
<div class="login-form-container">
<div class="account-top">
<div class="account-top-desc">用户登录</div>
</div>
<div class="login-content">
<div class="account-tab-box">
<div class="tab-link active" data-tab="account">账号登录</div>
<div class="tab-link" data-tab="phone">手机登录</div>
<div class="tab-link" data-tab="qr">扫码登录</div>
</div>
<div class="tab-content active" id="account">
<!-- 账号登录表单 -->
<input
type="text"
placeholder="请输入登录账号"
class="input-icon account-icon"
/>
<input
type="password"
placeholder="请输入登录密码"
class="input-icon password-icon"
/>
<div class="code-box">
<input
type="text"
placeholder="请输入验证码"
class="input-icon code-icon"
/>
<img src="./imgs/code.png" />
</div>
<div>
<input type="checkbox" id="checkbox1" />
<label for="checkbox1">记住密码</label>
</div>
<div><button class="btns">登录</button></div>
<div class="other-login">
<div class="flex items-center">
<span>其他登录方式</span>
</div>
<div style="cursor: pointer" class="rigister-btn">
注册账号
</div>
</div>
</div>
<div class="tab-content" id="phone">
<!-- 手机号登录表单 -->
<input
type="text"
placeholder="请输入手机号码"
class="input-icon account-icon"
/>
<div class="phone-box">
<input
type="password"
placeholder="请输入验证码"
class="input-icon code-icon"
/>
<button able="able" class="getCode">获取验证码</button>
</div>
<button class="btns">登录</button>
</div>
<div class="tab-content" id="qr">
<!-- 扫码登录内容 -->
<div class="qrCode-box">
<div class="qr-img">
<img src="./imgs/qr.png" />
</div>
<div class="qr-text">刷新二维码</div>
</div>
</div>
</div>
<div class="rigister-content">
<!-- 注册登录表单 -->
<input
type="text"
placeholder="请输入用户名"
class="input-icon account-icon"
/>
<input
type="password"
placeholder="请输入手机号"
class="input-icon phone-icon"
/>
<div class="phone-box">
<input
type="password"
placeholder="请输入验证码"
class="input-icon code-icon"
/>
<button able="able" class="getCode">获取验证码</button>
</div>
<input
type="password"
placeholder="请输入密码"
class="input-icon password-icon"
/>
<input
type="password"
placeholder="请再次输入密码"
class="input-icon password-icon"
/>
<div>
<input type="checkbox" id="checkbox1" />
<label for="checkbox1">我同意隐私协议</label>
</div>
<button class="btns">注册</button>
</div>
</div>
<div class="corner-box">
<img src="./imgs/img1.jpg" />
</div>
</div>
</div>
</div>
</div>
</body>
</html>
<script>
$(document).ready(function () {
$(".tab-link").click(function () {
$(".tab-link").removeClass("active");
$(".tab-content").removeClass("active").hide();
$(this).addClass("active");
$("#" + $(this).data("tab")).addClass("active").show();
});
$(".corner-box,.rigister-btn").click(function () {
$(".login-content").toggle();
$(".rigister-content").toggle();
if ($(".login-content").is(":visible")) {
$(".account-top-desc").html("用户登录");
$(".corner-box > img").attr("src", "./imgs/img1.jpg");
} else {
$(".account-top-desc").html("用户注册");
$(".corner-box > img").attr("src", "./imgs/img2.jpg");
}
});
$('.getCode').click(function(){
let mesdong=null;
let mestime=60;
if($(this).attr('able')=="able") {
$(this).attr('able',"disable");
$(this).css('cursor','not-allowed');
$(this).html(mestime+"秒后重发");
let $this = $(this)
mesdong = setInterval(function() {
mestime-=1;
if(mestime<0){
$this.attr('able',"able");
$this.css('cursor','pointer');
$this.html('获取验证码');
mestime=60;
clearInterval(mesdong);
}else{
$this.html(mestime+"秒后重发");
};
}, 1000);
}
})
});
</script>