danial/kami_shop
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

新增支付页面模板和配置文件

Browse Source 
- 新增 .hintrc 配置文件，扩展开发环境设置
- 添加京东支付页面模板 index_yx.html，包含支付流程和用户提示
- 新增品牌logo 图片文件 logo_yx.png，提升页面视觉效果
This commit is contained in:
danial
2025-04-23 10:07:07 +08:00
parent 55e78f427b
commit b88a365b9c
3 changed files with 165 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
.hintrc Normal file
View File

@@ -0,0 +1,5 @@
{
"extends": [
"development"
]
}

BIN
static/img/logo_yx.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 108 KiB

160
views/index_yx.html Normal file
View File

@@ -0,0 +1,160 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8">
<title>{{.siteName}}</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" type="tmpay/image/x-icon" href="../static/img/icon.ico">
<link href="../static/css/bootstrap.min.css" rel="stylesheet">
<script src="../static/js/bootstrap.bundle.min.js"></script>
<link href="../static/css/cashier.css" rel="stylesheet">
</head>
<body>
<div class="tastesdk-box">
<div class="header bg-light border-4 pt-3 bt-2 border-warning border-bottom clearfix">
<div class="title d-flex justify-content-center align-content-center">
<img src="static/img/log_yx.jpg" alt="" class="img-fluid" style="height: 60px; margin-right: 5px">
</div>
</div>
<div class="main px-5 py-3 mx-4 ">
<div class="text-center fs-1">
￥<span class="text-danger fw-bolder mmValue" style="font-size: 84px">{{.mmValue}}</span>
</div>
<div class="pay-jd mb-4">
<div class="two-step" style="font-size: 36px">
<div>
<p class="text-success">
请您在提交订单后<strong class="text-danger">24小时</strong>内完成支付，否则订单会自动取消。
</p>
</div>
<div class="my-5" hidden>
<div class="mr-3">
商品名称：{{.pname}}
</div>
<div class="ml-2">
订单编号：{{.orderNo}}
</div>
</div>
<div>
{{range.profitMarginList}}
<button class="btn btn-primary mt-2" onclick="openExternalLink('{{.LinkID}}')"
style="background: var({{.Color}}); width: 100%; color: white; font-size: 36px; height: 80px; margin: 0">
{{.PlatformLabel}}
</button>
{{ end }}
</div>
<form action="/pay.html" method="post" autocomplete="off">
<input type="text" style="display: none" name="productCode" value="{{.productCode}}">
<input type="text" style="display: none" name="notifyUrl" value="{{.notifyUrl}}">
<input type="text" style="display: none" name="orderId" value="{{.orderNo}}">
<input type="text" style="display: none" name="sign" value="{{.sign}}">
<input type="text" style="display: none" name="returnUrl" value="{{.returnUrl}}">
<div class="border border-3 rounded px-3 py-2 mt-4 rounded-4 bg-light">
<div class="my-2 row g-3">
<div class="col-12 mb-3" hidden>
<label class="form-label">面值：
<input class="form-control" type="text" id="factMMValue" name="factMMValue"
style="font-size: 36px" value="{{.mmValue}}" required>
</label>
</div>
<div class="col-12 mb-3" hidden>
<label class="form-label" for="recoveryType">回收类型：</label>
<select name="recoveryType" class="form-select" id="recoveryType"
style="font-size: 36px">
<option value="8" selected>卡密</option>
</select>
</div>
<div class="col-12 mb-3">
<label class="form-label" for="cardNo">卡号：</label>
<input class="form-control" type="text" id="cardNo" name="cardNo"
style="font-size: 36px" required>
</div>
<div class="col-12 mb-3 text-center">
卡号格式
</div>
<div class="col-12 mb-3">
<label class="form-label" for="chard">卡密：</label>
<input class="form-control" type="text" id="chard" name="chard"
style="font-size: 36px" required>
</div>
<div class="col-12 mb-3 text-center">
卡密格式
</div>
</div>
</div>
<div class="operate-record px-3 py-2 fs-2 mt-4">
<p>操作步骤：</p>
<p>1.注意商家要求【提前确认收货】的都【无法使用】！！</p>
<p>2.核对清楚卡片面值，如面值不符无法上分</p>
<p>3.自己绑定卡密提交无法上分！不要点击平台内的一键兑换！</p>
<p>请在指定链接中购买京东E卡</p>
<p>付款成功后点击订单详情</p>
<p>点击查看卡密，正确输入卡密密码，一定点击确认提交！</p>
<p class="text-danger fw-bolder">注意：若不按照操作步骤导致订单无法核实需要您个人承担损失！！！</p>
</div>
<div class="mt-5">
<button type="submit" class="btn btn-primary w-100" style="font-size: 40px; height: 100px">
点击此处提交卡密
</button>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="modal fade fs-1" id="exampleModal" tabindex="-1">
<div class="modal-dialog modal-dialog-centered" style="min-width: 80vw">
<div class="modal-content px-4 py-4">
<div class="modal-header">
<h1 class="modal-title">信息</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<h1 class="text-center py-3 fs-1 fw-bolder">使用帮助</h1>
<p>1.<strong class="text-primary">此卡为益享充值卡</strong></p>
<p>2.核对清楚卡片面值，如面值不符无法上分</p>
<p>3.自己绑定卡密提交无法上分！不要点击平台内的一键兑换！</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-bs-dismiss="modal"
style="height: 80px; font-size: 40px">
别绑定！我已知晓
</button>
</div>
</div>
</div>
</div>
</body>
<script type="text/javascript" src="../static/js/jquery.min.js"></script>
<script type="text/javascript" src="../static/js/base.js"></script>
<script type="text/javascript">
$("#amount").blur(function () {
var idBank = /([1-9]\d*\.?\d*)|(0\.\d*[1-9])/;
if ($("#amount").val().match(idBank) == null) {
$("#amount").val("");
return false;
}
});
function getUrl(url) {
let arr = url.split('?');
let params = arr[1].split('&');
let obj = {};
for (let i = 0; i < params.length; i++) {
let param = params[i].split('=');
obj[param[0]] = param[1];
}
return obj;
}
function openExternalLink(link) {
window.open(link, "_self");
}
let m = document.getElementById("exampleModal");
const myModal = new bootstrap.Modal(m, { keyboard: false });
myModal.show();
</script>
</html>