新增代充跳转页
This commit is contained in:
Dragon
53
view/peko/modules/behalfRecharge/css/index.css
Normal file
53
view/peko/modules/behalfRecharge/css/index.css
Normal file
@@ -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 */
|
||||||
62
view/peko/modules/behalfRecharge/css/index.scss
Normal file
62
view/peko/modules/behalfRecharge/css/index.scss
Normal file
@@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
BIN
view/peko/modules/behalfRecharge/images/bg.png
Normal file
BIN
view/peko/modules/behalfRecharge/images/bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 230 KiB |
BIN
view/peko/modules/behalfRecharge/images/travel/back.png
Normal file
BIN
view/peko/modules/behalfRecharge/images/travel/back.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
31
view/peko/modules/behalfRecharge/index.html
Normal file
31
view/peko/modules/behalfRecharge/index.html
Normal file
@@ -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>
|
||||||
78
view/peko/modules/behalfRecharge/js/index.js
Normal file
78
view/peko/modules/behalfRecharge/js/index.js
Normal file
@@ -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內中打開')
|
||||||
|
}
|
||||||
|
})
|
||||||
Reference in New Issue
Block a user