修复样式问题

view/molistar/modules/pay/css/index.css

@@ -4,6 +4,7 @@ body {
   background: #fff;
   box-sizing: border-box;
   padding-bottom: 0.53333rem;
+  box-sizing: border-box;
 }
 
 .header {
@@ -565,12 +566,12 @@ body {
 }
 
 .area .area_in {
-  width: 10rem;
-  border-radius: 0.74667rem 0.74667rem 0px 0px;
+  width: 8.66667rem;
+  border-radius: 0.74667rem;
   position: absolute;
-  bottom: 0;
+  top: 50%;
   left: 50%;
-  transform: translateX(-50%);
+  transform: translate(-50%, -50%);
   background: #fff;
   height: 10rem;
   overflow-y: scroll;
@@ -955,10 +956,30 @@ body {
   height: 3.92rem;
 }
 
+.english .page1 .way div span {
+  width: 2rem;
+}
+
 .arabic .rule {
-  text-align: right;
+  text-align: center;
 }
 
 .arabic .rule p {
-  text-align: right;
+  white-space: nowrap;
+  text-align: center;
+  font-size: 0.28rem;
+}
+
+.arabic .rule p img {
+  margin-right: 0;
+  margin-left: 0.16rem;
+}
+
+.arabic .rule p a {
+  white-space: nowrap;
+}
+
+.arabic .page1 h3 {
+  padding-left: 0;
+  padding-right: 0.42667rem;
 }

view/molistar/modules/pay/css/index.scss

@@ -9,6 +9,7 @@ body {
     background: #fff;
     box-sizing: border-box;
     padding-bottom: px2rem(40);
+    box-sizing: border-box;
 }
 
 .header {
@@ -576,12 +577,12 @@ body {
     display: none;
 
     .area_in {
-        width: px2rem(750);
-        border-radius: px2rem(56) px2rem(56) 0px 0px;
+        width: px2rem(650);
+        border-radius: px2rem(56);
         position: absolute;
-        bottom: 0;
+        top: 50%;
         left: 50%;
-        transform: translateX(-50%);
+        transform: translate(-50%, -50%);
         background: #fff;
         // overflow: hidden;
         height: 10rem;
@@ -973,9 +974,35 @@ body {
         height: px2rem(294);
     }
 }
-.arabic{
+
+.english {
+    .page1 .way div span {
+        width: 2rem;
+    }
+}
+
+.arabic {
     .rule {
-        text-align: right;
-        p{text-align: right;}
+        text-align: center;
+
+        p {
+            white-space: nowrap;
+            text-align: center;
+            font-size: px2rem(21);
+
+            img {
+                margin-right: 0;
+                margin-left: 0.16rem;
+            }
+
+            a {
+                white-space: nowrap;
+            }
+        }
+    }
+
+    .page1 h3 {
+        padding-left: 0;
+        padding-right: 0.42667rem;
     }
 }

view/molistar/modules/pay/js/index.js

@@ -588,14 +588,14 @@ $('.sure .sure_in .ok').click(function () {
 })
 
 //返回页面 重新请求接口
-var hiddenProperty = 'hidden' in document ? 'hidden' :
-    'webkitHidden' in document ? 'webkitHidden' :
-        'mozHidden' in document ? 'mozHidden' : null;
+// var hiddenProperty = 'hidden' in document ? 'hidden' :
+//     'webkitHidden' in document ? 'webkitHidden' :
+//         'mozHidden' in document ? 'mozHidden' : null;
 
-var visibilityChangeEvent = hiddenProperty.replace(/hidden/i, 'visibilitychange');
-var onVisibilityChange = function () {
-    if (!document[hiddenProperty]) {
-        location.reload()
-    }
-}
-document.addEventListener(visibilityChangeEvent, onVisibilityChange);
+// var visibilityChangeEvent = hiddenProperty.replace(/hidden/i, 'visibilitychange');
+// var onVisibilityChange = function () {
+//     if (!document[hiddenProperty]) {
+//         location.reload()
+//     }
+// }
+// document.addEventListener(visibilityChangeEvent, onVisibilityChange);

view/molistar/modules/pay/local/en.js

@@ -13,7 +13,7 @@ langEn = {
         text5: `Switch ID`,
         text6: `Online recharge`,
         text7: `Manual Recharge`,
-        text8: `Recommendation`,
+        text8: `Recommend`,
         text9: `Recharge Method`,
         text10: `Recharge Amount`,
         text11: `Confirm Recharge`,