sileya-ai
/
vr-shopxo-source
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

订单提交提示细节优化

feat/task1-c-wallet
Devil 2020-12-09 20:15:26 +08:00
parent 4314d9308c
commit 012a00b625
2 changed files with 18 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
application/index/view/default/buy/index.html
View File

@ -617,15 +617,19 @@
<!-- 订单确认页面底部钩子-结束 -->
<!-- 订单提交后提示弹层 -->
<div class="buy-order-submit-modal-container am-text-center am-vertical-align">
<div class="content am-vertical-align-middle am-padding-xl">
<p class="am-text-success">支付跳转中、请勿关闭页面</p>
<p class="am-text-warning am-margin-top-lg">支付失败或长时间未响应</p>
<p class="am-text-warning am-margin-xs">
<span>进入</span>
<a href="{{:MyUrl('index/order/index')}}" class="am-text-secondary">我的订单</a>
<span>后可以重新发起支付</span>
</p>
<div class="am-modal am-modal-no-btn" tabindex="-1" id="buy-order-submit-modal">
<div class="am-modal-dialog">
<div class="am-modal-bd">
<div class="content am-vertical-align-middle am-padding-vertical-sm">
<p class="am-text-success">支付跳转中、请勿关闭页面</p>
<p class="am-text-warning am-margin-top-lg">支付失败或长时间未响应</p>
<p class="am-text-warning am-margin-xs">
<span>进入</span>
<a href="{{:MyUrl('index/order/index')}}" class="am-text-secondary">我的订单</a>
<span>后可以重新发起支付</span>
</p>
</div>
</div>
</div>
</div>
@ -639,7 +643,11 @@ function BuySubmitBack(e)
{
if(e.code == 0)
{
$('.buy-order-submit-modal-container').show();
$('#buy-order-submit-modal').modal({
closeViaDimmer: false,
width: 280,
height: 140
});
$.AMUI.progress.done();
Prompt(e.msg, 'success');
setTimeout(function()

20
public/static/index/default/css/buy.css
View File

@ -320,24 +320,4 @@ ul.address-list, .business-item ul { overflow: hidden; }
*/
.link-list .am-badge-default:hover {
background: #666;
}
/**
* 订单提交后提示弹层
*/
.buy-order-submit-modal-container {
background: rgb(0 0 0 / 0.6);
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1100;
display: none;
}
.buy-order-submit-modal-container .content {
background: #fff;
width: 280px;
height: 160px;
margin: auto;
}