diff --git a/view/molistar/modules/pay/css/index.css b/view/molistar/modules/pay/css/index.css index 115d6c89..4dc38275 100644 --- a/view/molistar/modules/pay/css/index.css +++ b/view/molistar/modules/pay/css/index.css @@ -957,6 +957,62 @@ body { height: 3.92rem; } +.pub { + position: fixed; + left: 0; + top: 0; + bottom: 0; + right: 0; + background: rgba(0, 0, 0, 0.6); + z-index: 99; + display: none; +} + +.pub .pub_in { + width: 8rem; + max-height: 10.66667rem; + overflow-y: scroll; + box-sizing: border-box; + padding: 0.93333rem 0.26667rem 0.26667rem; + background: #fff; + border: 0.02667rem solid #a39d9d; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + border-radius: 0.33333rem; +} + +.pub .pub_in::-webkit-scrollbar { + display: none; +} + +.pub .pub_in .close { + width: 0.58667rem; + height: 0.58667rem; + position: absolute; + right: 0.26667rem; + top: 0.26667rem; +} + +.pub .pub_in p { + font-size: 0.34667rem; + color: #575757; + margin-bottom: 0.13333rem; + line-height: 0.53333rem; +} + +.pub .pub_in p b { + color: #272525; + font-weight: 600; +} + +.pub .pub_in .copy { + display: inline-block; + width: 0.4rem; + margin-top: 0.05333rem; +} + .english .page1 .way div i { width: 2rem; } diff --git a/view/molistar/modules/pay/css/index.scss b/view/molistar/modules/pay/css/index.scss index 802a029b..5ac780b8 100644 --- a/view/molistar/modules/pay/css/index.scss +++ b/view/molistar/modules/pay/css/index.scss @@ -976,6 +976,62 @@ body { } } +.pub { + position: fixed; + left: 0; + top: 0; + bottom: 0; + right: 0; + background: rgba(0, 0, 0, .6); + z-index: 99; + display: none; + + .pub_in { + width: px2rem(600); + max-height: px2rem(800); + overflow-y: scroll; + box-sizing: border-box; + padding: px2rem(70) px2rem(20) px2rem(20); + background: #fff; + border: px2rem(2) solid #a39d9d; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + border-radius: px2rem(25); + + &::-webkit-scrollbar { + display: none; + } + + .close { + width: px2rem(44); + height: px2rem(44); + position: absolute; + right: px2rem(20); + top: px2rem(20); + } + + p { + font-size: px2rem(26); + color: #575757; + margin-bottom: px2rem(10); + line-height: px2rem(40); + + b { + color: #272525; + font-weight: 600; + } + } + + .copy { + display: inline-block; + width: px2rem(30); + margin-top: px2rem(4); + } + } +} + .english { .page1 .way div i { width: 2rem; diff --git a/view/molistar/modules/pay/images/close.png b/view/molistar/modules/pay/images/close.png new file mode 100644 index 00000000..4630eb99 Binary files /dev/null and b/view/molistar/modules/pay/images/close.png differ diff --git a/view/molistar/modules/pay/images/copy.png b/view/molistar/modules/pay/images/copy.png new file mode 100644 index 00000000..3a22fe01 Binary files /dev/null and b/view/molistar/modules/pay/images/copy.png differ diff --git a/view/molistar/modules/pay/index.html b/view/molistar/modules/pay/index.html index b43e96fd..ae983948 100644 --- a/view/molistar/modules/pay/index.html +++ b/view/molistar/modules/pay/index.html @@ -9,7 +9,7 @@ - + @@ -157,6 +157,25 @@ + +
+ + +
+

You can contact the official customer service to get coins by transferring money to the following + bank + accounts.

+

Bank account number: 01009701492 +

+

Notes:

+

1 The daily recharge limit is 60,000 Egyptian pounds.

+

2 After recharging, please contact our official customer service to confirm the transaction so that + we + can recharge your coins in time.

+

Thank you for your support and wish you a happy use!

+
+ +
@@ -165,8 +184,9 @@ - - - - + + + + + \ 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 98dafb45..a5e9f5a2 100644 --- a/view/molistar/modules/pay/js/index.js +++ b/view/molistar/modules/pay/js/index.js @@ -59,6 +59,12 @@ $(function () { langReplace = window.lang.replace; localLang = window.lang; translateFun(); + $.copy({ + text: langReplace(localLang.demoModule.copy), //分享提示文案 + copyUrl: "01009701492", //自定義復制 + tipTime: 1000, //分享提示消失時間 + copyId: "#copys" //復制按鈕id + }); getArea(); }, 100) setTimeout(function () { @@ -87,6 +93,7 @@ function translateFun() { $('.text17').text(langReplace(localLang.demoModule.text17)); $('.text18').text(langReplace(localLang.demoModule.text18)); $('.text19').text(langReplace(localLang.demoModule.text19)); + $('.pubText').html(langReplace(localLang.demoModule.pubText)); $('.text20').attr('src', langReplace(localLang.demoModule.text20)); } // 请求地区列表 @@ -241,8 +248,26 @@ $('.page1 .way ').on('click', 'div', function () { var id = $(this).attr('id'); payChannel = $(this).attr('paychannel'); paymentType = $(this).attr('paymenttype'); + if (paymentType == "WALLET-VODAFONE") { + $('.pub').show(); + bodyScroolFun(true); + } getChargePageInfoForH5Html(chargeGroupsArr, id, false); }) +// 关闭弹窗 +$('.pub .pub_in .close').click(function () { + $('.pub').hide(); + bodyScroolFun(false); +}) +// 复制卡号 +$('.pub .pub_in').on('click', '.copy', function () { + $.copy({ + text: langReplace(localLang.demoModule.copy), //分享提示文案 + copyUrl: "01009701492", //自定義復制 + tipTime: 1000, //分享提示消失時間 + copyId: "#copys" //復制按鈕id + }); +}) // 点击充值金额方式 $('.page1 .position').on('click', 'div', function () { $(this).addClass('active').siblings().removeClass('active') diff --git a/view/molistar/modules/pay/local/ar.js b/view/molistar/modules/pay/local/ar.js index f89e6312..7ed15451 100644 --- a/view/molistar/modules/pay/local/ar.js +++ b/view/molistar/modules/pay/local/ar.js @@ -42,5 +42,12 @@ langAr = { text30: `نسخ بنجاح`, text31: `هذا المتصفح لا يدعم النقر للنسخ إلى الحافظة`, text32: `هذا المتصفح لا يدعم النقر للنسخ إلى الحافظة`, + copy: `تم النسخ بنجاح`, + pubText: `

يمكنك التواصل مع خدمة العملاء الرسمية للحصول على العملات عبر تحويل الأموال إلى الحسابات البنكية التالية.

+

Vodafone Account: 01009701492

+

ملاحظات:

+

1. الحد الأقصى لإعادة الشحن اليومية هو 60,000 جنيه مصري.

+

2. بعد إعادة الشحن، يُرجى الاتصال بخدمة العملاء الرسمية لتأكيد المعاملة حتى نتمكن من إعادة شحن عملاتك في الوقت المناسب.

+

شكرًا لدعمكم ونتمنى لكم استخدامًا سعيدًا!

` } } \ 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 5438a338..41f612a1 100644 --- a/view/molistar/modules/pay/local/en.js +++ b/view/molistar/modules/pay/local/en.js @@ -41,5 +41,18 @@ langEn = { text30: `Copy successful`, text31: `This browser does not support click to copy to clipboard`, text32: `This browser does not support click to copy to clipboard`, + copy: `Copied successfully`, + pubText: `

You can contact the official customer service to get coins by transferring money to the following + bank + accounts.

+

Vodafone Account: 01009701492 +

+

Notes:

+

1 The daily recharge limit is 60,000 Egyptian pounds.

+

2 After recharging, please contact our official customer service to confirm the transaction so that + we + can recharge your coins in time.

+

Thank you for your support and wish you a happy use!

+`, } } \ No newline at end of file diff --git a/view/molistar/modules/pay/local/zh.js b/view/molistar/modules/pay/local/zh.js index da956348..002f8158 100644 --- a/view/molistar/modules/pay/local/zh.js +++ b/view/molistar/modules/pay/local/zh.js @@ -2,7 +2,7 @@ langZh = { // 模塊 demoModule: { - text20:'./images/guide.png', + text20: './images/guide.png', layerIndex1: `加載中...`, layerIndex2: `操作完成`, layerIndex3: `網絡錯誤`, @@ -44,5 +44,12 @@ langZh = { text30: `復制成功`, text31: `該瀏覽器不支持點擊復制到剪貼闆`, text32: `該瀏覽器不支持點擊復制到剪貼闆`, + copy: `複製成功`, + pubText: `

您可以聯繫官方客服，通過轉賬到以下銀行賬戶獲取金幣。

+

Vodafone 账号：01009701492

+

注意：

+

1. 每日充值上限為60,000埃及鎊。

+

2. 充值後，請聯繫官方客服確認交易，以便我們及時充值您的金幣。

+

感謝您的支持，祝您使用愉快！

` } } \ No newline at end of file