3ds 流程优化

src/main/ui/static/css/cardpay.css

@@ -212,8 +212,18 @@
     overflow: auto;
 }
 
+.threeds-container .dialog>.title{
+    width: 100%;
+    display: block;
+    padding: 5px;
+    background: #ff6633;
+    color: white;
+    font-size: 1.2em;
+}
+
 .threeds-container .dialog>iframe{
     border: none;
     width: 100%;
+    height: 400px;
 }
 

src/main/ui/static/templates/payment/v1/card_pay.js

@@ -16,7 +16,7 @@ $(function () {
         $('<input>').attr('name', 'TermUrl').val(threeDsParams.term_url).attr('type', 'hidden').appendTo(form);
         $('body').append(form);
         window.threeds_success = function (success, errorCode, errorMsg) {
-            $('#threeds-frame').addClass('hide');
+            $('.threeds-container').addClass('hide');
             if (success) {
                 location.href = './result'
             } else {
@@ -24,7 +24,7 @@ $(function () {
             }
         }
         form.submit();
-        $('#threeds-frame').removeClass('hide')
+        $('.threeds-container').removeClass('hide')
     }
 
     cardFrame.onSuccess = function (secretData) {