diff --git a/home.html b/home.html index 08ce92b..450499e 100644 --- a/home.html +++ b/home.html @@ -763,15 +763,26 @@ -
+
-
+
-

支付订单

+ 订单详情
-
+
+
@@ -792,6 +803,29 @@
+
+
+ + 支付成功！订单号是下载范文唯一凭证 +
+
+ +
+

+ + 微信扫码，随时获知生成状态 +

+

+ 订单号：OIY898998787721878233 + +

+
+
+ +

网站已通过备案请放心使用，如支付宝提示风险属于系统正常提示，按提示继续操作就可以，有任何疑问都可联系右侧在线客服

diff --git a/style/css/index.css b/style/css/index.css index 610569f..89ea6bb 100644 --- a/style/css/index.css +++ b/style/css/index.css @@ -51,16 +51,18 @@ body,p,div{ z-index: 999; transform: translateX(-50%); border-radius: 16px; - padding: 0 36px 44px; + padding: 28px 36px; /* display: flex; */ } .pay_header{ - text-align: center; + text-align: left; position: relative; + font-size: 16px; + font-weight: bold; } .pay_header img{ position: absolute; - right: 24px; + right: 0px; height: 20px; top: 0; cursor: pointer; @@ -69,7 +71,9 @@ body,p,div{ display: flex; } .pay_content{ - padding: 20px 0; + padding: 36px 0; + border-top: 1px solid #CBD3DE; + margin-top: 36px; } .pay_type{ display: flex; @@ -111,6 +115,47 @@ body,p,div{ font-variation-settings: "opsz" auto; color: #8C919D; } +.pay_detail{ + display: flex; + align-items: center; + flex-direction: column; + padding-top: 36px; + border-top: 1px solid #CBD3DE; + margin-top: 36px; +} +.pay_succ_header{ + font-family: Microsoft YaHei UI; + font-size: 16px; + font-weight: bold; + line-height: 18px; + letter-spacing: 0px; + font-variation-settings: "opsz" auto; + color: #3D3D3D; +} +.pay_succ_content { + display: flex; + width: 394px; + height: 100px; + padding: 28px 0; +} +.pay_succ_content #qrcode1{ + width: 100px; + height: 100px; +} +.pay_succ_right{ + display: flex; + flex-direction: column; + align-items: center; +} +.pay_succ_right p{ + font-family: Microsoft YaHei UI; + font-size: 14px; + font-weight: normal; + line-height: 18px; + letter-spacing: 0px; + font-variation-settings: "opsz" auto; + color: #3D3D3D; +} #qrcode{ width: 140px; height: 140px; @@ -136,6 +181,7 @@ body,p,div{ .modal_mes{ display: flex; align-items: center; + justify-content: center; padding: 8px 16px; border-radius: 6px; background: rgba(236, 133, 51, 0.12); diff --git a/style/img/copy_icon.svg b/style/img/copy_icon.svg new file mode 100644 index 0000000..cf2e21d --- /dev/null +++ b/style/img/copy_icon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/style/img/pay_succ.svg b/style/img/pay_succ.svg new file mode 100644 index 0000000..6fd35d2 --- /dev/null +++ b/style/img/pay_succ.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/style/img/succ_tip_icon.svg b/style/img/succ_tip_icon.svg new file mode 100644 index 0000000..6aa2eb0 --- /dev/null +++ b/style/img/succ_tip_icon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/style/js/index.js b/style/js/index.js index 1f810df..d78bbe9 100644 --- a/style/js/index.js +++ b/style/js/index.js @@ -323,8 +323,20 @@ $(document).ready(function() { return; }else if(res.data.pay_status == 'SUCCESS'){ if(isPayDialog){ - $('.pageMask').addClass('hide'); - $('.payModal').addClass('hide'); + // $('.pageMask').addClass('hide'); + $('.pay_content').addClass('hide'); + $('.pay_detail').removeClass('hide'); + $('#pay_succ_tid').text(res.data.tid) + $('#copy_tid').unbind('click'); + var clipboard2 = new Clipboard('#copy_tid', { + text: function () { + return $('#pay_succ_tid').text(); + } + }); + clipboard2.on('success', function(e) { + alert('复制成功') + }) + } } clearTimeout(payResultTimer);