新增代充跳转页

2023-08-09 18:53:40 +08:00
6 changed files with 224 additions and 0 deletions
--- a/view/peko/modules/behalfRecharge/css/index.css
+++ b/view/peko/modules/behalfRecharge/css/index.css
@@ -0,0 +1,53 @@
+body {
+  width: 100%;
+  height: 21.6533333333rem;
+  margin: 0 auto;
+}
+
+.back {
+  position: fixed;
+  top: 0.9333333333rem;
+  left: 0.4533333333rem;
+  z-index: 9999;
+  width: 0.8266666667rem;
+  height: 0.8266666667rem;
+}
+.back img {
+  width: 100%;
+  height: 100%;
+}
+.back p {
+  color: #fff;
+  font-size: 0.4266666667rem;
+  position: absolute;
+  width: 9rem;
+  left: 0;
+  top: 0;
+  height: 100%;
+  text-align: center;
+  line-height: 0.8266666667rem;
+}
+
+.box {
+  width: 10rem;
+  height: 30.0933333333rem;
+  background: url(../images/bg.png) no-repeat;
+  background-size: 100% 100%;
+  position: relative;
+  margin: 0 auto 0;
+}
+.box .user {
+  width: 8.4rem;
+  height: 2rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+}
+.box .user1 {
+  top: 22.7rem;
+}
+.box .user2 {
+  top: 24.6rem;
+}
+
+/*# sourceMappingURL=index.css.map */
--- a/view/peko/modules/behalfRecharge/css/index.scss
+++ b/view/peko/modules/behalfRecharge/css/index.scss
@@ -0,0 +1,62 @@
+@function px2rem($px, $rem:75) {
+    @return $px / $rem+rem;
+}
+
+html {}
+
+body {
+    width: 100%;
+    height: px2rem(1624, );
+    margin: 0 auto;
+}
+
+.back {
+    position: fixed;
+    top: px2rem(70, );
+    left: px2rem(34, );
+    z-index: 9999;
+    width: px2rem(62, );
+    height: px2rem(62, );
+
+    img {
+        width: 100%;
+        height: 100%;
+    }
+
+    p {
+        color: #fff;
+        font-size: px2rem(32, );
+        position: absolute;
+        width: 9rem;
+        left: 0;
+        top: 0;
+        height: 100%;
+        text-align: center;
+        line-height: px2rem(62, );
+    }
+}
+
+.box {
+    width: px2rem(750, );
+    height: px2rem(2257, );
+    background: url(../images/bg.png) no-repeat;
+    background-size: 100% 100%;
+    position: relative;
+    margin: 0 auto 0;
+
+    .user {
+        width: 8.4rem;
+        height: 2rem;
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+    }
+
+    .user1 {
+        top: 22.7rem;
+    }
+
+    .user2 {
+        top: 24.6rem;
+    }
+}
--- a/view/peko/modules/behalfRecharge/images/bg.png
+++ b/view/peko/modules/behalfRecharge/images/bg.png
--- a/view/peko/modules/behalfRecharge/images/travel/back.png
+++ b/view/peko/modules/behalfRecharge/images/travel/back.png
--- a/view/peko/modules/behalfRecharge/index.html
+++ b/view/peko/modules/behalfRecharge/index.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>代充</title>
+    <link rel="stylesheet" href="../../common/css/reset.css">
+    <link rel="stylesheet" href="./css/index.css">
+</head>
+
+<body>
+    <!-- 頂部返回 -->
+    <div class="back">
+        <img src="./images/travel/back.png" alt="">
+    </div>
+    <!-- 背景 -->
+    <div class="box">
+        <div class="user user1"></div>
+        <div class="user user2"></div>
+    </div>
+</body>
+
+</html>
+<script src="../../common/js/flexible.js"></script>
+<script src="../../common/js/jquery-3.2.1.min.js"></script>
+<script src="../../common/js/common2.js"></script>
+<script src="../../common/js/layer.js"></script>
+<script src="../../common/js/vconsole.min.js"></script>
+<script src="./js/index.js"></script>
--- a/view/peko/modules/behalfRecharge/js/index.js
+++ b/view/peko/modules/behalfRecharge/js/index.js
@@ -0,0 +1,78 @@
+let urlPrefix = getUrlPrefix()
+let browser = checkVersion()
+let env = EnvCheck();
+if (env == 'test') {
+    new VConsole();
+}
+// 封装layer消息提醒框
+let layerIndex
+const showLoading = (content = '加載中...') => {
+    layer.open({
+        type: 2,
+        shadeClose: false,
+        content,
+        success (e) {
+            layerIndex = $(e).attr('index')
+        }
+    })
+}
+const hideLoading = (index) => {
+    layer.close(index)
+}
+const toastMsg = (content = '操作完成', time = 2) => {
+    layer.open({
+        content,
+        time,
+        skin: 'msg'
+    })
+}
+// 初始化函數
+$(function () {
+    setTimeout(function () {
+        getInfoFromClient()
+        setTimeout(function () {
+            // 頁面全屏
+            if (browser.app) {
+                if (browser.android) {
+                    window.androidJsObj.initShowNav(false)
+                } else {
+                    window.webkit.messageHandlers.initShowNav.postMessage(0)
+                }
+            };
+            // 頂部返回事件
+            $('.back').click(() => {
+                if (browser.android) {
+                    window.androidJsObj.closeWebView()
+                } else {
+                    window.webkit.messageHandlers.closeWebView.postMessage(null)
+                }
+            })
+        }, 100)
+    })
+})
+$('.box .user1').click(function () {
+    if (browser.app) {
+        if (browser.ios) {
+            window.webkit.messageHandlers.openPersonPage.postMessage(44534);
+        } else if (browser.android) {
+            if (androidJsObj && typeof androidJsObj === 'object') {
+                window.androidJsObj.openPersonPage(44534);
+            }
+        }
+    } else {
+        toastMsg('請在app內中打開')
+    }
+})
+$('.box .user2').click(function () {
+    if (browser.app) {
+        if (browser.ios) {
+            window.webkit.messageHandlers.openPersonPage.postMessage(50728);
+        } else if (browser.android) {
+            if (androidJsObj && typeof androidJsObj === 'object') {
+                window.androidJsObj.openPersonPage(50728);
+            }
+        }
+    } else {
+        toastMsg('請在app內中打開')
+    }
+})