From 727a37202a50eb6903bd99a1d59587e99c5519ff Mon Sep 17 00:00:00 2001
From: dragon <3013557874@qq.com>
Date: Mon, 2 Sep 2024 18:44:55 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=A0=B7=E5=BC=8F=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 view/molistar/modules/pay/css/index.css  | 33 +++++++++++++++----
 view/molistar/modules/pay/css/index.scss | 41 ++++++++++++++++++++----
 view/molistar/modules/pay/js/index.js    | 20 ++++++------
 view/molistar/modules/pay/local/en.js    |  2 +-
 4 files changed, 72 insertions(+), 24 deletions(-)

diff --git a/view/molistar/modules/pay/css/index.css b/view/molistar/modules/pay/css/index.css
index 6002fa4a..e27c355a 100644
--- a/view/molistar/modules/pay/css/index.css
+++ b/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;
 }
diff --git a/view/molistar/modules/pay/css/index.scss b/view/molistar/modules/pay/css/index.scss
index 23972c0f..93ee99f3 100644
--- a/view/molistar/modules/pay/css/index.scss
+++ b/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;
     }
 }
\ No newline at end of file
diff --git a/view/molistar/modules/pay/js/index.js b/view/molistar/modules/pay/js/index.js
index 92831595..98dafb45 100644
--- a/view/molistar/modules/pay/js/index.js
+++ b/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);
\ No newline at end of file
+// var visibilityChangeEvent = hiddenProperty.replace(/hidden/i, 'visibilitychange');
+// var onVisibilityChange = function () {
+//     if (!document[hiddenProperty]) {
+//         location.reload()
+//     }
+// }
+// document.addEventListener(visibilityChangeEvent, onVisibilityChange);
\ No newline at end of file
diff --git a/view/molistar/modules/pay/local/en.js b/view/molistar/modules/pay/local/en.js
index 5902360e..5438a338 100644
--- a/view/molistar/modules/pay/local/en.js
+++ b/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`,