新增Vodafone拦截弹出

2024-11-07 18:04:56 +08:00
parent e031f686e2
commit 6ccdfd0d62
9 changed files with 190 additions and 6 deletions
--- 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;
 }
--- 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;
--- a/view/molistar/modules/pay/images/close.png
+++ b/view/molistar/modules/pay/images/close.png
--- a/view/molistar/modules/pay/images/copy.png
+++ b/view/molistar/modules/pay/images/copy.png
--- a/view/molistar/modules/pay/index.html
+++ b/view/molistar/modules/pay/index.html
@@ -9,7 +9,7 @@
    <!-- 充值 -->
    <link rel="stylesheet" href="../../common/css/reset.css">
    <link rel="stylesheet" href="../../common/css/flex.css">
-    <link rel="stylesheet" href="./css/index.css?v=1.12">
+    <link rel="stylesheet" href="./css/index.css?v=1.3">
 </head>

 <body>
@@ -157,6 +157,25 @@
            <img class="text20" src="./images/guide.png" alt="">
        </div>
    </div>
+    <!-- 弹窗 -->
+    <div class="pub">
+        <pub class="pub_in">
+            <img src="./images/close.png" alt="" class="close">
+            <div class="text pubText">
+                <p>You can contact the official customer service to get coins by transferring money to the following
+                    bank
+                    accounts.</p>
+                <p><b>Bank account number:</b> 01009701492 <img src="./images/copy.png" alt="" id="copys" class="copy">
+                </p>
+                <p><b>Notes:</b></p>
+                <p>1 The daily recharge limit is 60,000 Egyptian pounds.</p>
+                <p>2 After recharging, please contact our official customer service to confirm the transaction so that
+                    we
+                    can recharge your coins in time.</p>
+                <p><b>Thank you for your support and wish you a happy use!</b></p>
+            </div>
+        </pub>
+    </div>
 </body>

 </html>
@@ -165,8 +184,9 @@
 <script src="../../common/js/common2.js"></script>
 <script src="../../common/js/layer.js"></script>
 <script src="../../common/js/vconsole.min.js"></script>
-<script src="./local/en.js"></script>
-<script src="./local/zh.js"></script>
-<script src="./local/ar.js"></script>
-<script src="./js/index.js?v=1.2"></script>
+<script src="../../common/js/jquery.copy.min.js"></script>
+<script src="./local/en.js?v=1.3"></script>
+<script src="./local/zh.js?v=1.3"></script>
+<script src="./local/ar.js?v=1.3"></script>
+<script src="./js/index.js?v=1.3?v=1.3"></script>
 <script src="../../common/local/langHandler.js"></script>
--- 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')
--- 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: `<p>يمكنك التواصل مع خدمة العملاء الرسمية للحصول على العملات عبر تحويل الأموال إلى الحسابات البنكية التالية.</p>
+    <p><img src="./images/copy.png" alt="" id="copys" class="copy"><b>Vodafone Account:</b> 01009701492 </p>
+    <p><b>ملاحظات:</b></p>
+    <p>1. الحد الأقصى لإعادة الشحن اليومية هو 60,000 جنيه مصري.</p>
+    <p>2. بعد إعادة الشحن، يُرجى الاتصال بخدمة العملاء الرسمية لتأكيد المعاملة حتى نتمكن من إعادة شحن عملاتك في الوقت المناسب.</p>
+    <p><b>شكرًا لدعمكم ونتمنى لكم استخدامًا سعيدًا!</b></p>`
    }
 }
--- 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: `<p>You can contact the official customer service to get coins by transferring money to the following
+        bank
+        accounts.</p>
+    <p><b>Vodafone Account:</b> 01009701492 <img src="./images/copy.png" alt="" id="copys" class="copy">
+    </p>
+    <p><b>Notes:</b></p>
+    <p>1 The daily recharge limit is 60,000 Egyptian pounds.</p>
+    <p>2 After recharging, please contact our official customer service to confirm the transaction so that
+        we
+        can recharge your coins in time.</p>
+    <p><b>Thank you for your support and wish you a happy use!</b></p>
+</div>`,
    }
 }
--- 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: `<p>您可以聯繫官方客服，通過轉賬到以下銀行賬戶獲取金幣。</p>
+    <p><b>Vodafone 账号：</b>01009701492 <img src="./images/copy.png" alt="" id="copys" class="copy"></p>
+    <p><b>注意：</b></p>
+    <p>1. 每日充值上限為60,000埃及鎊。</p>
+    <p>2. 充值後，請聯繫官方客服確認交易，以便我們及時充值您的金幣。</p>
+    <p><b>感謝您的支持，祝您使用愉快！</b></p>`
    }
 }