订单提交提示细节优化

application/index/view/default/buy/index.html

@@ -617,8 +617,10 @@
 <!-- 订单确认页面底部钩子-结束 -->
 
 <!-- 订单提交后提示弹层 -->
-<div class="buy-order-submit-modal-container am-text-center am-vertical-align">
-    <div class="content am-vertical-align-middle am-padding-xl">
+<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">
@@ -627,6 +629,8 @@
                     <span>后可以重新发起支付</span>
                 </p>
             </div>
+        </div>
+    </div>
 </div>
 
 <!-- footer start -->
@@ -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()

public/static/index/default/css/buy.css

@@ -321,23 +321,3 @@ 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;
-}