Compare commits
59 Commits
optimize
...
flowingWat
| Author | SHA1 | Date | |
|---|---|---|---|
|
33b327ef08 | ||
|
|
c402e91b4b | ||
|
|
e5bc021b76 | ||
|
|
7ad353af3a | ||
|
|
6ef6df6bd5 | ||
|
|
3b2d5f3ec8 | ||
|
|
b23b00110b | ||
|
|
effa4fc182 | ||
|
|
fda137edd4 | ||
|
|
104c2a5ea9 | ||
|
|
9c8dcfc5bc | ||
|
|
59dfb185c7 | ||
|
|
f9bf2c5473 | ||
|
|
cbbe553bf0 | ||
|
|
3f314a647b | ||
|
|
775a68a23c | ||
|
|
46db54d18b | ||
|
|
23630c40b9 | ||
|
|
c9b16d9fac | ||
|
|
9e345cf51a | ||
|
|
3d0df56d13 | ||
|
|
aeba089ded | ||
|
|
50223def70 | ||
|
|
6d251a0399 | ||
|
|
673005f471 | ||
|
|
b9c7691b98 | ||
|
|
0c23babc9d | ||
|
|
bf6f941752 | ||
|
|
2f88fdc21d | ||
|
|
661db811c0 | ||
|
|
7747ee7e93 | ||
|
|
c625084bbb | ||
|
|
aaf2b2f6ed | ||
|
|
be4a1e09b2 | ||
|
|
47864dabdb | ||
|
|
8f5bd66761 | ||
|
|
7351a4b76d | ||
|
|
6b16354f64 | ||
|
|
1b3986bcf3 | ||
|
|
c19d1c92a2 | ||
|
|
f1badb8d03 | ||
|
|
131a276e58 | ||
|
|
f594d0de0c | ||
|
|
2c0f58f815 | ||
|
|
844dc5c831 | ||
|
|
f9886b9089 | ||
|
|
733ab19c71 | ||
|
|
80bea3e94a | ||
|
|
f937063d9b | ||
|
|
cdc8f2290c | ||
|
|
296a640744 | ||
|
|
c41e8dd980 | ||
|
|
7a21b824ab | ||
|
|
1148a0753e | ||
|
|
3c57f4e780 | ||
|
|
d300b7a056 | ||
|
|
e47906fd91 | ||
|
|
c0dfb7c41b | ||
|
|
daf57dd1ad |
@@ -11,9 +11,26 @@
|
||||
html,
|
||||
body {
|
||||
font-family: "din-medium";
|
||||
background: #531800;
|
||||
background: #E17E3D;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
html::-webkit-scrollbar,
|
||||
body::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.back {
|
||||
position: fixed;
|
||||
top: 0.9333333333rem;
|
||||
left: 0.4533333333rem;
|
||||
z-index: 9;
|
||||
width: 0.8266666667rem;
|
||||
height: 0.8266666667rem;
|
||||
}
|
||||
.back img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.wrap {
|
||||
width: 100%;
|
||||
|
||||
@@ -25,12 +25,27 @@
|
||||
html,
|
||||
body {
|
||||
font-family: 'din-medium';
|
||||
background: #531800;
|
||||
background: #E17E3D;
|
||||
// 海浪svga过长
|
||||
overflow-x: hidden;
|
||||
// height: 19rem;
|
||||
&::-webkit-scrollbar{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.back {
|
||||
position: fixed;
|
||||
top: px2rem(70, );
|
||||
left: px2rem(34, );
|
||||
z-index: 9;
|
||||
width: px2rem(62, );
|
||||
height: px2rem(62, );
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
.wrap {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
|
||||
BIN
view/peko/activity/act-ocean/images/travel/back.png
Normal file
BIN
view/peko/activity/act-ocean/images/travel/back.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
@@ -11,6 +11,8 @@
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- 顶部返回 -->
|
||||
<!-- <div class="back"><img src="./images/travel/back.png" alt=""></div> -->
|
||||
<div class="wrap no-in-app">
|
||||
<!-- <div class="wrap "> -->
|
||||
<div class="banner">
|
||||
|
||||
@@ -704,9 +704,9 @@ const sendUserDrawInfo = (itemId, num, tais) => {
|
||||
if (res.code === 200) {
|
||||
tais.data('total-num').number = parseInt(tais.data('total-num').number) + fragmentNum
|
||||
tais
|
||||
.stop(true, true)
|
||||
.animate({ scale: 1.1, }, 50)//skew(10deg, 10deg)
|
||||
.animate({ scale: 1, }, 50)//skew(10deg, 10deg) rotate: 0,
|
||||
.stop(true, true)
|
||||
.animate({ scale: 1.1, }, 50)//skew(10deg, 10deg)
|
||||
.animate({ scale: 1, }, 50)//skew(10deg, 10deg) rotate: 0,
|
||||
// .animate({ scale: 1, rotate: 0 }, 50, function () {
|
||||
// if (lock) {
|
||||
// tais.find('.select-num').html('+' + tais.data('total-num').number).hide().fadeIn(200)
|
||||
@@ -1082,8 +1082,13 @@ $(function () {
|
||||
window.location.href = urlPrefix + '/peko/modules/pay/index.html?channelType=4';
|
||||
}
|
||||
} else if (browser.ios) {
|
||||
window.webkit.messageHandlers.chargePayClickPage.postMessage(6);
|
||||
window.location.href = urlPrefix + '/peko/modules/pay/index.html?channelType=4';
|
||||
let channel = pubInfo.deviceInfo.channel;
|
||||
if (channel == "appstore") {
|
||||
window.webkit.messageHandlers.openChargePage.postMessage(null);
|
||||
} else {
|
||||
window.webkit.messageHandlers.chargePayClickPage.postMessage(6);
|
||||
window.location.href = urlPrefix + '/peko/modules/pay/index.html?channelType=4';
|
||||
}
|
||||
}
|
||||
} else {
|
||||
toastMsg('請在app內打開')
|
||||
@@ -1174,8 +1179,13 @@ $(function () {
|
||||
window.location.href = urlPrefix + '/peko/modules/pay/index.html?channelType=4';
|
||||
}
|
||||
} else if (browser.ios) {
|
||||
window.webkit.messageHandlers.chargePayClickPage.postMessage(6);
|
||||
window.location.href = urlPrefix + '/peko/modules/pay/index.html?channelType=4';
|
||||
let channel = pubInfo.deviceInfo.channel;
|
||||
if (channel == "appstore") {
|
||||
window.webkit.messageHandlers.openChargePage.postMessage(null);
|
||||
} else {
|
||||
window.webkit.messageHandlers.chargePayClickPage.postMessage(6);
|
||||
window.location.href = urlPrefix + '/peko/modules/pay/index.html?channelType=4';
|
||||
}
|
||||
}
|
||||
} else {
|
||||
toastMsg('請在app內打開')
|
||||
|
||||
@@ -529,11 +529,13 @@ function getInfoFromClient () {
|
||||
console.log('从客户端获取了用户信息（设备信息），此信息来源：common2.js');
|
||||
if (browser.android) {
|
||||
pubInfo.uid = methodsFromClient.uid.android();
|
||||
pubInfo.roomUid = methodsFromClient.roomUid.android();
|
||||
pubInfo.ticket = methodsFromClient.ticket.android();
|
||||
pubInfo.deviceId = methodsFromClient.deviceId.android();
|
||||
pubInfo.deviceInfo = methodsFromClient.deviceInfo.android();
|
||||
} else {
|
||||
methodsFromClient.uid.ios();
|
||||
methodsFromClient.roomUid.ios();
|
||||
methodsFromClient.ticket.ios();
|
||||
methodsFromClient.deviceId.ios();
|
||||
methodsFromClient.deviceInfo.ios();
|
||||
@@ -541,15 +543,13 @@ function getInfoFromClient () {
|
||||
|
||||
} else {
|
||||
// 非app环境调试参数
|
||||
pubInfo.uid = 0;
|
||||
pubInfo.ticket = "0";
|
||||
// pubInfo.uid = "";
|
||||
// pubInfo.ticket = "";
|
||||
|
||||
pubInfo.uid = sessionStorage.getItem("uid") ? sessionStorage.getItem("uid") : '';
|
||||
// pubInfo.ticket = sessionStorage.getItem("ticket") ? sessionStorage.getItem("ticket") : '';
|
||||
pubInfo.h5_token = sessionStorage.getItem("ticket") ? sessionStorage.getItem("ticket") : '';
|
||||
pubInfo.deviceId = "0";
|
||||
pubInfo.deviceInfo = {
|
||||
app: 'peko',
|
||||
appVersion: '0.0.0',
|
||||
appVersion: '9.9.9',
|
||||
os: '0.0.0',
|
||||
osVersion: '0.0.0',
|
||||
channel: 'browser',
|
||||
@@ -764,19 +764,22 @@ function networkRequest (reqObj = {}, type) {
|
||||
if (typeof pubInfo.deviceInfo === 'string') {
|
||||
pubInfo.deviceInfo = JSON.parse(pubInfo.deviceInfo);
|
||||
};
|
||||
const pubHeader = {
|
||||
app: type != 'yinbaos' ? pubInfo.deviceInfo.app : 'yinbao',
|
||||
// app: 'peko',
|
||||
// app: pubInfo.deviceInfo.app.indexOf('peko') != -1 ? 'peko' : 'PlanetStar',
|
||||
appVersion: pubInfo.deviceInfo.appVersion || '',
|
||||
os: pubInfo.deviceInfo.os || '',
|
||||
os_version: pubInfo.deviceInfo.osVersion || '',
|
||||
channel: pubInfo.deviceInfo.channel || '',
|
||||
client: 'h5',
|
||||
pub_uid: pubInfo.uid,
|
||||
pub_ticket: pubInfo.ticket
|
||||
};
|
||||
|
||||
var browser = checkVersion();
|
||||
const pubHeader = {};
|
||||
pubHeader.app = type != 'yinbaos' ? pubInfo.deviceInfo.app : 'yinbao'
|
||||
// app: 'peko',
|
||||
// app: pubInfo.deviceInfo.app.indexOf('peko') != -1 ? 'peko' : 'PlanetStar',
|
||||
pubHeader.appVersion = pubInfo.deviceInfo.appVersion || ''
|
||||
pubHeader.os = pubInfo.deviceInfo.os || ''
|
||||
pubHeader.os_version = pubInfo.deviceInfo.osVersion || ''
|
||||
pubHeader.channel = pubInfo.deviceInfo.channel || ''
|
||||
pubHeader.client = 'h5'
|
||||
pubHeader.pub_uid = window.location.pathname.match(/login.html/) ? 0 : pubInfo.uid
|
||||
if (browser.app) {
|
||||
pubHeader.pub_ticket = pubInfo.ticket
|
||||
} else {
|
||||
pubHeader.h5_token =sessionStorage.getItem("ticket") ? sessionStorage.getItem("ticket") : '';
|
||||
}
|
||||
const url = reqObj.url;
|
||||
const commParams = objToParam(pubHeader);
|
||||
if (url.indexOf('?') >= 0) {
|
||||
@@ -792,4 +795,13 @@ function networkRequest (reqObj = {}, type) {
|
||||
|
||||
const response = $.ajax(reqObj);
|
||||
return response;
|
||||
}
|
||||
// 控制body是否可以滑动
|
||||
function bodyScroolFun (bool) {
|
||||
if (bool) {
|
||||
$('body').css('overflow', 'hidden');
|
||||
} else {
|
||||
$('body').css('overflow', 'auto');
|
||||
|
||||
}
|
||||
}
|
||||
@@ -7,113 +7,114 @@ const urlPrefix = getUrlPrefix()
|
||||
let channelData = urlData.channel
|
||||
//定义官方渠道包
|
||||
const channelDict = {
|
||||
'peko0': 'https://image.lecheng163.com/peko_peko0.apk',
|
||||
'peko1': 'https://image.lecheng163.com/peko_peko1.apk',
|
||||
'peko2': 'https://image.lecheng163.com/peko_peko2.apk',
|
||||
'peko3': 'https://image.lecheng163.com/peko_peko3.apk',
|
||||
'peko4': 'https://image.lecheng163.com/peko_peko4.apk',
|
||||
'peko5': 'https://image.lecheng163.com/peko_peko5.apk',
|
||||
'peko6': 'https://image.lecheng163.com/peko_peko6.apk',
|
||||
'peko7': 'https://image.lecheng163.com/peko_peko7.apk',
|
||||
'peko8': 'https://image.lecheng163.com/peko_peko8.apk',
|
||||
'peko9': 'https://image.lecheng163.com/peko_peko9.apk',
|
||||
'peko10': 'https://image.lecheng163.com/peko_peko10.apk',
|
||||
'gongzhonghao': 'https://image.lecheng163.com/peko_gongzhonghao.apk',
|
||||
'zhaohui': 'https://image.lecheng163.com/zhaohui.apk'
|
||||
'peko0': 'https://image.lecheng163.com/peko_peko0.apk',
|
||||
'peko1': 'https://image.lecheng163.com/peko_peko1.apk',
|
||||
'peko2': 'https://image.lecheng163.com/peko_peko2.apk',
|
||||
'peko3': 'https://image.lecheng163.com/peko_peko3.apk',
|
||||
'peko4': 'https://image.lecheng163.com/peko_peko4.apk',
|
||||
'peko5': 'https://image.lecheng163.com/peko_peko5.apk',
|
||||
'peko6': 'https://image.lecheng163.com/peko_peko6.apk',
|
||||
'peko7': 'https://image.lecheng163.com/peko_peko7.apk',
|
||||
'peko8': 'https://image.lecheng163.com/peko_peko8.apk',
|
||||
'peko9': 'https://image.lecheng163.com/peko_peko9.apk',
|
||||
'peko10': 'https://image.lecheng163.com/peko_peko10.apk',
|
||||
'gongzhonghao': 'https://image.lecheng163.com/peko_gongzhonghao.apk',
|
||||
'zhaohui': 'https://image.lecheng163.com/zhaohui.apk'
|
||||
|
||||
// 'baomihua01': 'https://image.lecheng163.com/accompany_release_v_213_1_baomihua01_sign.apk'
|
||||
// 'baomihua01': 'https://image.lecheng163.com/accompany_release_v_213_1_baomihua01_sign.apk'
|
||||
}
|
||||
$(function () {
|
||||
|
||||
//判断url参数是否是与渠道包名一致
|
||||
let androidUrl = null;
|
||||
channelDict.hasOwnProperty(channelData) ? androidUrl = channelDict[channelData] : androidUrl = 'https://play.google.com/store/apps/details?id=com.vele.peko';
|
||||
let iosUrl = 'http://doudouyue.com/8axv' //ios企业包
|
||||
// let iosUrl = 'https://apps.apple.com/cn/app/id1571083482' //ios商店包
|
||||
//判断url参数是否是与渠道包名一致
|
||||
let androidUrl = null;
|
||||
channelDict.hasOwnProperty(channelData) ? androidUrl = channelDict[channelData] : androidUrl = 'https://play.google.com/store/apps/details?id=com.vele.pekolive';
|
||||
let iosUrl = 'http://doudouyue.com/8axv' //ios企业包
|
||||
// let iosUrl = 'https://apps.apple.com/cn/app/id1571083482' //ios商店包
|
||||
|
||||
if (version.ios) {
|
||||
$('.button-wrapper').on('click', function () {
|
||||
if (version.weixin) {
|
||||
$('.tips').show()
|
||||
return
|
||||
}
|
||||
window.location.href = iosUrl;
|
||||
})
|
||||
if (version.ios) {
|
||||
$('.button-wrapper').on('click', function () {
|
||||
if (version.weixin) {
|
||||
$('.tips').show()
|
||||
return
|
||||
}
|
||||
window.location.href = iosUrl;
|
||||
})
|
||||
|
||||
} else if (version.android) {
|
||||
$('.button-wrapper').on('click', function () {
|
||||
if (version.weixin) {
|
||||
$('.tips').show()
|
||||
return
|
||||
}
|
||||
window.location.href = androidUrl;
|
||||
})
|
||||
} else {
|
||||
$('.button-wrapper').on('click', function () {
|
||||
window.location.href = androidUrl;
|
||||
})
|
||||
$('.button2-wrapper').on('click', function () {
|
||||
window.location.href = iosUrl;
|
||||
})
|
||||
}
|
||||
} else if (version.android) {
|
||||
$('.button-wrapper').on('click', function () {
|
||||
if (version.weixin) {
|
||||
$('.tips').show()
|
||||
return
|
||||
}
|
||||
window.location.href = androidUrl;
|
||||
})
|
||||
} else {
|
||||
$('.button-wrapper').on('click', function () {
|
||||
window.location.href = androidUrl;
|
||||
})
|
||||
$('.button2-wrapper').on('click', function () {
|
||||
window.location.href = iosUrl;
|
||||
})
|
||||
}
|
||||
|
||||
})
|
||||
|
||||
function swiperFun() {
|
||||
var swiper = new Swiper('.swiper', {
|
||||
direction: 'horizontal',
|
||||
loop: true,
|
||||
autoplay: 5000,
|
||||
slidesPerView: "auto",
|
||||
centeredSlides: true,
|
||||
spaceBetween: 0,
|
||||
initialSlide: 1,//默认第二个居中
|
||||
function swiperFun () {
|
||||
var swiper = new Swiper('.swiper', {
|
||||
direction: 'horizontal',
|
||||
loop: true,
|
||||
autoplay: 5000,
|
||||
slidesPerView: "auto",
|
||||
centeredSlides: true,
|
||||
spaceBetween: 0,
|
||||
initialSlide: 1,//默认第二个居中
|
||||
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
$(function () {
|
||||
$(document).ready(function () {
|
||||
var deviceWidth = document.documentElement.clientWidth;
|
||||
if (deviceWidth > 768) {
|
||||
document.documentElement.style.fontSize = deviceWidth / 19.20 + 'px';
|
||||
} else {
|
||||
document.documentElement.style.fontSize = deviceWidth / 7.50 + 'px';
|
||||
$(document).ready(function () {
|
||||
var deviceWidth = document.documentElement.clientWidth;
|
||||
if (deviceWidth > 768) {
|
||||
document.documentElement.style.fontSize = deviceWidth / 19.20 + 'px';
|
||||
} else {
|
||||
document.documentElement.style.fontSize = deviceWidth / 7.50 + 'px';
|
||||
}
|
||||
});
|
||||
window.onresize = function () {
|
||||
var deviceWidth = document.documentElement.clientWidth;
|
||||
// console.log('deviceWidth', deviceWidth);
|
||||
if (deviceWidth > 768) {
|
||||
document.documentElement.style.fontSize = deviceWidth / 19.20 + 'px';
|
||||
} else {
|
||||
document.documentElement.style.fontSize = deviceWidth / 7.50 + 'px';
|
||||
}
|
||||
}
|
||||
});
|
||||
window.onresize = function () {
|
||||
var deviceWidth = document.documentElement.clientWidth;
|
||||
// console.log('deviceWidth', deviceWidth);
|
||||
if (deviceWidth > 768) {
|
||||
document.documentElement.style.fontSize = deviceWidth / 19.20 + 'px';
|
||||
} else {
|
||||
document.documentElement.style.fontSize = deviceWidth / 7.50 + 'px';
|
||||
}
|
||||
}
|
||||
|
||||
swiperFun();
|
||||
swiperFun();
|
||||
|
||||
//跳转pc端充值
|
||||
$('.homePc .charge').click(function () {
|
||||
window.location.href = urlPrefix + '/peko/modules/payPc/index.html?channelType=4';
|
||||
})
|
||||
// 跳转移动端h5充值
|
||||
$('.homeM .charge').click(function () {
|
||||
window.location.href = urlPrefix + '/peko/modules/pay/index.html?channelType=4';
|
||||
})
|
||||
// logo跳转
|
||||
$('.googlePlay').click(function () {
|
||||
window.location.href = 'https://play.google.com/store/apps/details?id=com.vele.peko'
|
||||
})
|
||||
$('.appleStore').click(function () {
|
||||
// console.log(version, 'version');
|
||||
if (version.webKit && version.ios) {
|
||||
window.location.href = 'itms-services:///?action=download-manifest&url=https://img.pekolive.com/distribute.plist'
|
||||
} else {
|
||||
window.location.href = 'http://doudouyue.com/h958'
|
||||
}
|
||||
})
|
||||
$('.apk').click(function () {
|
||||
window.location.href = 'https://img.pekolive.com/peko_official.apk'
|
||||
})
|
||||
//跳转pc端充值
|
||||
$('.homePc .charge').click(function () {
|
||||
window.location.href = urlPrefix + '/peko/modules/payPc/index.html?channelType=4';
|
||||
})
|
||||
// 跳转移动端h5充值
|
||||
$('.homeM .charge').click(function () {
|
||||
window.location.href = urlPrefix + '/peko/modules/pay/index.html?channelType=4';
|
||||
})
|
||||
// logo跳转
|
||||
$('.googlePlay').click(function () {
|
||||
window.location.href = 'https://play.google.com/store/apps/details?id=com.vele.pekolive'
|
||||
})
|
||||
$('.appleStore').click(function () {
|
||||
// console.log(version, 'version');
|
||||
if (version.webKit && version.ios) {
|
||||
window.location.href = 'https://apps.apple.com/cn/app/id6446155565'
|
||||
}
|
||||
else {
|
||||
window.location.href = 'http://doudouyue.com/3gh2'
|
||||
}
|
||||
})
|
||||
$('.apk').click(function () {
|
||||
window.location.href = 'https://img.pekolive.com/peko_official.apk'
|
||||
})
|
||||
})
|
||||
@@ -176,7 +176,7 @@ $(function(){
|
||||
setTimeout(function(){
|
||||
getInviteList()
|
||||
getRule()
|
||||
}, 50)
|
||||
}, 150)
|
||||
|
||||
if (browser.app) {
|
||||
if (browser.android) {
|
||||
|
||||
96
view/peko/modules/h5Income/chainBank.html
Normal file
96
view/peko/modules/h5Income/chainBank.html
Normal file
@@ -0,0 +1,96 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta name="viewport"
|
||||
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<title>賬戶資料</title>
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<link rel="stylesheet" href="./css/chainBank.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- 返回 -->
|
||||
<img src="./images/back.png" alt="" class="back">
|
||||
<!-- 標題 -->
|
||||
<h3>中國大陸銀聯</h3>
|
||||
<!-- 姓名身份證 -->
|
||||
<div class="box1">
|
||||
<div>
|
||||
<span>真實姓名</span>
|
||||
<input class="name" type="text" placeholder="例：張三">
|
||||
</div>
|
||||
<div>
|
||||
<span>身份證號</span>
|
||||
<input class="card" type="text" placeholder="請輸入正確的身份證號碼">
|
||||
</div>
|
||||
</div>
|
||||
<!-- 銀行卡手機號等信息 -->
|
||||
<div class="box2">
|
||||
<div>
|
||||
<span>銀行卡號</span>
|
||||
<input class="bankCard" type="text" placeholder="請填寫銀行卡號">
|
||||
</div>
|
||||
<div>
|
||||
<span>手機號碼</span>
|
||||
<input class="phone" type="text" placeholder="請輸入手機號碼">
|
||||
</div>
|
||||
<div>
|
||||
<span>支付寶號</span>
|
||||
<input class="alipay" type="text" placeholder="請輸入支付寶賬號 ( 非必填 )">
|
||||
</div>
|
||||
<div>
|
||||
<span>個人地址</span>
|
||||
<input class="address" type="text" placeholder="請輸入身份證地址">
|
||||
</div>
|
||||
</div>
|
||||
<!-- 上傳身份證 -->
|
||||
<div class="box3">
|
||||
<p>上傳身份證照片</p>
|
||||
<div class="idBox">
|
||||
<!-- 正面 -->
|
||||
<div class="z">
|
||||
<img src="./images/chainBank/documents_front.png" alt="" class="documents">
|
||||
<img src="./images/chainBank/icon_camera.png" alt="" class="icon_camera">
|
||||
<span>請上傳正面照片</span>
|
||||
<input type="file" id="frontImageUpload" accept="image/*" onchange="fileChangeZ(event)" class="upload"
|
||||
style="opacity: 0;">
|
||||
</div>
|
||||
<!-- 反面 -->
|
||||
<div class="f">
|
||||
<img src="./images/chainBank/documents_reverse.png" alt="" class="documents">
|
||||
<img src="./images/chainBank/icon_camera.png" alt="" class="icon_camera">
|
||||
<span>請上傳反面照片</span>
|
||||
<input type="file" id="backImageUpload" accept="image/*" onchange="fileChangeF(event)" class="upload"
|
||||
style="opacity: 0;">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 綁定按鈕 -->
|
||||
<div class="but">確認綁定</div>
|
||||
<!-- 說明 -->
|
||||
<div class="rule">
|
||||
<p>註意：</p>
|
||||
<p>1.該頁面適用於中國大陸地區的提領，非大陸地區請切換其他提領方式；</p>
|
||||
<p>2.提領人必須年滿18周歲，提領資料請勿隨意填寫，需正確填寫以上資料；</p>
|
||||
<p>3.銀行卡號、手機號、身份證號碼必須與提領實名一致，否則提領不能到賬；</p>
|
||||
<p>4.請勿將賬號綁定他人的姓名，提領真實姓名綁定後不能修改，請謹慎操作；</p>
|
||||
<p>5.實際提領收益按照轉賬時的匯率之後金額；</p>
|
||||
<p>6.首次進行提領流程時，會需要上傳您的身份證相關信息；</p>
|
||||
<p>7.如有疑問請聯繫Wechat:sd245376</p>
|
||||
</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="../../common/js/route-constant.js"></script>
|
||||
<script src="../../common/js/svga.min.js"></script>
|
||||
<script src="./js/qiniu.min.js"></script>
|
||||
<script src="./js/chainBank.js?v=1.0"></script>
|
||||
197
view/peko/modules/h5Income/css/chainBank.css
Normal file
197
view/peko/modules/h5Income/css/chainBank.css
Normal file
@@ -0,0 +1,197 @@
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
background: #F3F5FA;
|
||||
}
|
||||
|
||||
.back {
|
||||
position: fixed;
|
||||
z-index: 9;
|
||||
width: 0.7466666667rem;
|
||||
height: 0.7466666667rem;
|
||||
left: 0.5333333333rem;
|
||||
top: 0.2rem;
|
||||
}
|
||||
|
||||
h3 {
|
||||
width: 100%;
|
||||
margin-top: 0.5333333333rem;
|
||||
margin-bottom: 0.4266666667rem;
|
||||
text-align: center;
|
||||
color: #1F1B4F;
|
||||
font-size: 0.48rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
input {
|
||||
background: transparent;
|
||||
border: none;
|
||||
outline: none;
|
||||
box-sizing: border-box;
|
||||
font-size: 0.3733333333rem;
|
||||
}
|
||||
input::placeholder {
|
||||
font-size: 0.3733333333rem;
|
||||
color: #8A8CAB;
|
||||
}
|
||||
|
||||
.box1 {
|
||||
width: 9.1466666667rem;
|
||||
height: 2.7733333333rem;
|
||||
background: #fff;
|
||||
border-radius: 0.2666666667rem;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.5333333333rem;
|
||||
margin: 0 auto 0.32rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
.box1 div {
|
||||
width: 100%;
|
||||
height: 1.3733333333rem;
|
||||
line-height: 1.3733333333rem;
|
||||
border-bottom: 0.0133333333rem solid #EBEEF5;
|
||||
display: flex;
|
||||
}
|
||||
.box1 div span {
|
||||
flex: 3;
|
||||
height: 100%;
|
||||
font-size: 0.3733333333rem;
|
||||
color: #1F1B4F;
|
||||
}
|
||||
.box1 div input {
|
||||
flex: 7;
|
||||
height: 100%;
|
||||
text-align: right;
|
||||
font-size: 0.3733333333rem;
|
||||
color: #1F1B4F;
|
||||
}
|
||||
|
||||
.box2 {
|
||||
width: 9.1466666667rem;
|
||||
height: 5.5466666667rem;
|
||||
background: #fff;
|
||||
border-radius: 0.2666666667rem;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.5333333333rem;
|
||||
margin: 0 auto 0.32rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
.box2 div {
|
||||
width: 100%;
|
||||
height: 1.3733333333rem;
|
||||
line-height: 1.3733333333rem;
|
||||
border-bottom: 0.0133333333rem solid #EBEEF5;
|
||||
display: flex;
|
||||
}
|
||||
.box2 div span {
|
||||
flex: 3;
|
||||
height: 100%;
|
||||
font-size: 0.3733333333rem;
|
||||
color: #1F1B4F;
|
||||
}
|
||||
.box2 div input {
|
||||
flex: 7;
|
||||
height: 100%;
|
||||
text-align: right;
|
||||
font-size: 0.3733333333rem;
|
||||
color: #1F1B4F;
|
||||
}
|
||||
|
||||
.box3 {
|
||||
width: 9.1466666667rem;
|
||||
height: 5.5466666667rem;
|
||||
background: #fff;
|
||||
border-radius: 0.2666666667rem;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.5333333333rem;
|
||||
margin: 0 auto 0.5333333333rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
.box3 p {
|
||||
font-size: 0.3733333333rem;
|
||||
color: #1F1B4F;
|
||||
margin-top: 0.4266666667rem;
|
||||
}
|
||||
.box3 .idBox {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 0.4266666667rem;
|
||||
}
|
||||
.box3 .idBox .z,
|
||||
.box3 .idBox .f {
|
||||
width: 3.84rem;
|
||||
height: 3.1466666667rem;
|
||||
background: #F3F5FA;
|
||||
border-radius: 0.2666666667rem;
|
||||
position: relative;
|
||||
}
|
||||
.box3 .idBox .z .documents,
|
||||
.box3 .idBox .f .documents {
|
||||
position: absolute;
|
||||
width: 3.0933333333rem;
|
||||
height: 1.92rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 0.3733333333rem;
|
||||
}
|
||||
.box3 .idBox .z .icon_camera,
|
||||
.box3 .idBox .f .icon_camera {
|
||||
position: absolute;
|
||||
width: 1.0666666667rem;
|
||||
height: 1.0666666667rem;
|
||||
left: 50%;
|
||||
top: 0.8rem;
|
||||
transform: translateX(-50%);
|
||||
z-index: 2;
|
||||
}
|
||||
.box3 .idBox .z span,
|
||||
.box3 .idBox .f span {
|
||||
position: absolute;
|
||||
color: #8A8CAB;
|
||||
font-size: 0.32rem;
|
||||
left: 50%;
|
||||
top: 2.4rem;
|
||||
transform: translateX(-50%);
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
.box3 .idBox .z .upload,
|
||||
.box3 .idBox .f .upload {
|
||||
position: absolute;
|
||||
width: 3.0933333333rem;
|
||||
height: 1.92rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 0.3733333333rem;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.but {
|
||||
width: 8.08rem;
|
||||
height: 1.28rem;
|
||||
line-height: 1.28rem;
|
||||
border-radius: 1.28rem;
|
||||
margin: 0 auto 0.64rem;
|
||||
text-align: center;
|
||||
font-size: 0.4266666667rem;
|
||||
color: #FFFFFF;
|
||||
background: linear-gradient(90deg, #EEDCFF 0%, #DEE4FF 50%, #CCF8F9 100%);
|
||||
}
|
||||
|
||||
.active {
|
||||
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
|
||||
}
|
||||
|
||||
.rule {
|
||||
width: 8.72rem;
|
||||
margin: 0 auto 0.6666666667rem;
|
||||
color: #8A8CAB;
|
||||
font-size: 0.3733333333rem;
|
||||
}
|
||||
.rule p {
|
||||
margin-bottom: 0.1333333333rem;
|
||||
line-height: 0.45rem;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=chainBank.css.map */
|
||||
210
view/peko/modules/h5Income/css/chainBank.scss
Normal file
210
view/peko/modules/h5Income/css/chainBank.scss
Normal file
@@ -0,0 +1,210 @@
|
||||
@function px2rem($px, $rem:75) {
|
||||
@return $px / $rem+rem;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
background: #F3F5FA;
|
||||
}
|
||||
|
||||
.back {
|
||||
position: fixed;
|
||||
z-index: 9;
|
||||
width: px2rem(56, );
|
||||
height: px2rem(56, );
|
||||
left: px2rem(40, );
|
||||
top: 0.2rem;
|
||||
// display: none;
|
||||
}
|
||||
|
||||
h3 {
|
||||
width: 100%;
|
||||
margin-top: px2rem(40, );
|
||||
margin-bottom: px2rem(32, );
|
||||
text-align: center;
|
||||
color: #1F1B4F;
|
||||
font-size: px2rem(36, );
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
input {
|
||||
background: transparent;
|
||||
border: none;
|
||||
outline: none;
|
||||
box-sizing: border-box;
|
||||
font-size: px2rem(28, );
|
||||
|
||||
&::placeholder {
|
||||
font-size: px2rem(28, );
|
||||
color: #8A8CAB;
|
||||
}
|
||||
}
|
||||
|
||||
.box1 {
|
||||
width: px2rem(686, );
|
||||
height: px2rem(208, );
|
||||
background: #fff;
|
||||
border-radius: px2rem(20, );
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(40, );
|
||||
margin: 0 auto px2rem(24, );
|
||||
overflow: hidden;
|
||||
|
||||
div {
|
||||
width: 100%;
|
||||
height: px2rem(103, );
|
||||
line-height: px2rem(103, );
|
||||
border-bottom: px2rem(1, ) solid #EBEEF5;
|
||||
display: flex;
|
||||
|
||||
span {
|
||||
flex: 3;
|
||||
height: 100%;
|
||||
font-size: px2rem(28, );
|
||||
color: #1F1B4F;
|
||||
}
|
||||
|
||||
input {
|
||||
flex: 7;
|
||||
height: 100%;
|
||||
text-align: right;
|
||||
font-size: px2rem(28, );
|
||||
color: #1F1B4F;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.box2 {
|
||||
width: px2rem(686, );
|
||||
height: px2rem(416, );
|
||||
background: #fff;
|
||||
border-radius: px2rem(20, );
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(40, );
|
||||
margin: 0 auto px2rem(24, );
|
||||
overflow: hidden;
|
||||
|
||||
div {
|
||||
width: 100%;
|
||||
height: px2rem(103, );
|
||||
line-height: px2rem(103, );
|
||||
border-bottom: px2rem(1, ) solid #EBEEF5;
|
||||
display: flex;
|
||||
|
||||
span {
|
||||
flex: 3;
|
||||
height: 100%;
|
||||
font-size: px2rem(28, );
|
||||
color: #1F1B4F;
|
||||
}
|
||||
|
||||
input {
|
||||
flex: 7;
|
||||
height: 100%;
|
||||
text-align: right;
|
||||
font-size: px2rem(28, );
|
||||
color: #1F1B4F;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.box3 {
|
||||
width: px2rem(686, );
|
||||
height: px2rem(416, );
|
||||
background: #fff;
|
||||
border-radius: px2rem(20, );
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(40, );
|
||||
margin: 0 auto px2rem(40, );
|
||||
overflow: hidden;
|
||||
|
||||
p {
|
||||
font-size: px2rem(28, );
|
||||
color: #1F1B4F;
|
||||
margin-top: px2rem(32, );
|
||||
}
|
||||
|
||||
.idBox {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: px2rem(32, );
|
||||
|
||||
.z,
|
||||
.f {
|
||||
width: px2rem(288, );
|
||||
height: px2rem(236, );
|
||||
background: #F3F5FA;
|
||||
border-radius: px2rem(20, );
|
||||
position: relative;
|
||||
|
||||
.documents {
|
||||
position: absolute;
|
||||
width: px2rem(232, );
|
||||
height: px2rem(144, );
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(28, );
|
||||
}
|
||||
|
||||
.icon_camera {
|
||||
position: absolute;
|
||||
width: px2rem(80, );
|
||||
height: px2rem(80, );
|
||||
left: 50%;
|
||||
top: px2rem(60, );
|
||||
transform: translateX(-50%);
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
span {
|
||||
position: absolute;
|
||||
color: #8A8CAB;
|
||||
font-size: px2rem(24, );
|
||||
left: 50%;
|
||||
top: px2rem(180, );
|
||||
transform: translateX(-50%);
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.upload {
|
||||
position: absolute;
|
||||
width: px2rem(232, );
|
||||
height: px2rem(144, );
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(28, );
|
||||
z-index: 2;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.but {
|
||||
width: px2rem(606, );
|
||||
height: px2rem(96, );
|
||||
line-height: px2rem(96, );
|
||||
border-radius: px2rem(96, );
|
||||
margin: 0 auto px2rem(48, );
|
||||
text-align: center;
|
||||
font-size: px2rem(32, );
|
||||
color: #FFFFFF;
|
||||
background: linear-gradient(90deg, #EEDCFF 0%, #DEE4FF 50%, #CCF8F9 100%);
|
||||
}
|
||||
.active{
|
||||
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
|
||||
}
|
||||
|
||||
.rule {
|
||||
width: px2rem(654, );
|
||||
margin: 0 auto px2rem(50, );
|
||||
color: #8A8CAB;
|
||||
font-size: px2rem(28, );
|
||||
|
||||
p {
|
||||
margin-bottom: px2rem(10, );
|
||||
line-height: 0.45rem;
|
||||
}
|
||||
}
|
||||
164
view/peko/modules/h5Income/css/exchangeGold.css
Normal file
164
view/peko/modules/h5Income/css/exchangeGold.css
Normal file
@@ -0,0 +1,164 @@
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
background: #F3F5FA;
|
||||
}
|
||||
|
||||
.back {
|
||||
position: fixed;
|
||||
z-index: 9;
|
||||
width: 0.7466666667rem;
|
||||
height: 0.7466666667rem;
|
||||
left: 0.5333333333rem;
|
||||
top: 0.2rem;
|
||||
}
|
||||
|
||||
.box {
|
||||
width: 9.1466666667rem;
|
||||
height: 6.1333333333rem;
|
||||
background: url(../images/exchangeGold/bg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0.9333333333rem auto 1.0666666667rem;
|
||||
position: relative;
|
||||
}
|
||||
.box .golds {
|
||||
position: absolute;
|
||||
left: 0.4266666667rem;
|
||||
top: 0.4266666667rem;
|
||||
color: #1F1B4F;
|
||||
font-size: 0.4266666667rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
.box .diamonds {
|
||||
position: absolute;
|
||||
left: 0.4266666667rem;
|
||||
top: 3.3066666667rem;
|
||||
color: #1F1B4F;
|
||||
font-size: 0.4266666667rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
.box .num {
|
||||
position: absolute;
|
||||
right: 0.3733333333rem;
|
||||
top: 1.28rem;
|
||||
width: 7.1rem;
|
||||
height: 1.3866666667rem;
|
||||
background: transparent;
|
||||
border: none;
|
||||
outline: none;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.3733333333rem;
|
||||
text-align: right;
|
||||
font-weight: bold;
|
||||
color: #000;
|
||||
}
|
||||
.box .num::placeholder {
|
||||
font-size: 0.4266666667rem;
|
||||
color: #ADB9D9;
|
||||
font-weight: bold;
|
||||
}
|
||||
.box .num2 {
|
||||
position: absolute;
|
||||
right: 0.3733333333rem;
|
||||
top: 4.16rem;
|
||||
width: 7.1rem;
|
||||
height: 1.3866666667rem;
|
||||
background: transparent;
|
||||
border: none;
|
||||
outline: none;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.3733333333rem;
|
||||
text-align: right;
|
||||
font-weight: bold;
|
||||
color: #000;
|
||||
}
|
||||
.box .num2::placeholder {
|
||||
font-size: 0.4266666667rem;
|
||||
color: #ADB9D9;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.but {
|
||||
width: 8.08rem;
|
||||
height: 1.28rem;
|
||||
line-height: 1.28rem;
|
||||
border-radius: 1.28rem;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: 0.4266666667rem;
|
||||
margin: 0 auto 0;
|
||||
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
|
||||
}
|
||||
|
||||
.pub {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
z-index: 99;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
display: none;
|
||||
}
|
||||
.pub .pub_in {
|
||||
position: relative;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
background: #fff;
|
||||
border-radius: 0.5333333333rem;
|
||||
width: 8.5066666667rem;
|
||||
height: 4.96rem;
|
||||
}
|
||||
.pub .pub_in .title {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #1F1B4F;
|
||||
font-weight: bold;
|
||||
font-size: 0.4266666667rem;
|
||||
top: 0.64rem;
|
||||
left: 0;
|
||||
}
|
||||
.pub .pub_in p {
|
||||
color: #1F1B4F;
|
||||
font-size: 0.3733333333rem;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
left: 0;
|
||||
top: 1.7333333333rem;
|
||||
}
|
||||
.pub .pub_in p b {
|
||||
color: #9168FA;
|
||||
font-weight: bold;
|
||||
font-size: 0.4266666667rem;
|
||||
}
|
||||
.pub .pub_in .close {
|
||||
width: 3.3066666667rem;
|
||||
height: 1.1733333333rem;
|
||||
border-radius: 1.1733333333rem;
|
||||
line-height: 1.1733333333rem;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: 0.4266666667rem;
|
||||
background: #E6E6F0;
|
||||
position: absolute;
|
||||
left: 0.7466666667rem;
|
||||
bottom: 0.64rem;
|
||||
}
|
||||
.pub .pub_in .ok {
|
||||
width: 3.3066666667rem;
|
||||
height: 1.1733333333rem;
|
||||
border-radius: 1.1733333333rem;
|
||||
line-height: 1.1733333333rem;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: 0.4266666667rem;
|
||||
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
|
||||
position: absolute;
|
||||
right: 0.7466666667rem;
|
||||
bottom: 0.64rem;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=exchangeGold.css.map */
|
||||
179
view/peko/modules/h5Income/css/exchangeGold.scss
Normal file
179
view/peko/modules/h5Income/css/exchangeGold.scss
Normal file
@@ -0,0 +1,179 @@
|
||||
@function px2rem($px, $rem:75) {
|
||||
@return $px / $rem+rem;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
background: #F3F5FA;
|
||||
}
|
||||
|
||||
.back {
|
||||
position: fixed;
|
||||
z-index: 9;
|
||||
width: px2rem(56, );
|
||||
height: px2rem(56, );
|
||||
left: px2rem(40, );
|
||||
top: 0.2rem;
|
||||
// display: none;
|
||||
}
|
||||
|
||||
.box {
|
||||
width: px2rem(686, );
|
||||
height: px2rem(460, );
|
||||
background: url(../images/exchangeGold/bg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: px2rem(70, ) auto px2rem(80, );
|
||||
position: relative;
|
||||
|
||||
.golds {
|
||||
position: absolute;
|
||||
left: px2rem(32, );
|
||||
top: px2rem(32, );
|
||||
color: #1F1B4F;
|
||||
font-size: px2rem(32, );
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.diamonds {
|
||||
position: absolute;
|
||||
left: px2rem(32, );
|
||||
top: px2rem(248, );
|
||||
color: #1F1B4F;
|
||||
font-size: px2rem(32, );
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.num {
|
||||
position: absolute;
|
||||
right: px2rem(28, );
|
||||
top: px2rem(96, );
|
||||
width: 7.1rem;
|
||||
height: px2rem(104, );
|
||||
background: transparent;
|
||||
border: none;
|
||||
outline: none;
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(28, );
|
||||
text-align: right;
|
||||
font-weight: bold;
|
||||
color: #000;
|
||||
|
||||
&::placeholder {
|
||||
font-size: px2rem(32, );
|
||||
color: #ADB9D9;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
.num2 {
|
||||
position: absolute;
|
||||
right: px2rem(28, );
|
||||
top: px2rem(312, );
|
||||
width: 7.1rem;
|
||||
height: px2rem(104, );
|
||||
background: transparent;
|
||||
border: none;
|
||||
outline: none;
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(28, );
|
||||
text-align: right;
|
||||
font-weight: bold;
|
||||
color: #000;
|
||||
|
||||
&::placeholder {
|
||||
font-size: px2rem(32, );
|
||||
color: #ADB9D9;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.but {
|
||||
width: px2rem(606, );
|
||||
height: px2rem(96, );
|
||||
line-height: px2rem(96, );
|
||||
border-radius: px2rem(96, );
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: px2rem(32, );
|
||||
margin: 0 auto 0;
|
||||
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
|
||||
}
|
||||
|
||||
.pub {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
z-index: 99;
|
||||
background: rgba(0, 0, 0, .6);
|
||||
display: none;
|
||||
|
||||
.pub_in {
|
||||
position: relative;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
background: #fff;
|
||||
border-radius: px2rem(40, );
|
||||
width: px2rem(638, );
|
||||
height: px2rem(372, );
|
||||
|
||||
.title {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #1F1B4F;
|
||||
font-weight: bold;
|
||||
font-size: px2rem(32, );
|
||||
top: px2rem(48, );
|
||||
left: 0;
|
||||
}
|
||||
|
||||
p {
|
||||
color: #1F1B4F;
|
||||
font-size: px2rem(28, );
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
left: 0;
|
||||
top: px2rem(130, );
|
||||
|
||||
b {
|
||||
color: #9168FA;
|
||||
font-weight: bold;
|
||||
font-size: px2rem(32, );
|
||||
}
|
||||
}
|
||||
|
||||
.close {
|
||||
width: px2rem(248, );
|
||||
height: px2rem(88, );
|
||||
border-radius: px2rem(88, );
|
||||
line-height: px2rem(88, );
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: px2rem(32, );
|
||||
background: #E6E6F0;
|
||||
position: absolute;
|
||||
left: px2rem(56, );
|
||||
bottom: px2rem(48, );
|
||||
}
|
||||
|
||||
.ok {
|
||||
width: px2rem(248, );
|
||||
height: px2rem(88, );
|
||||
border-radius: px2rem(88, );
|
||||
line-height: px2rem(88, );
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: px2rem(32, );
|
||||
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
|
||||
position: absolute;
|
||||
right: px2rem(56, );
|
||||
bottom: px2rem(48, );
|
||||
}
|
||||
}
|
||||
}
|
||||
167
view/peko/modules/h5Income/css/index.css
Normal file
167
view/peko/modules/h5Income/css/index.css
Normal file
@@ -0,0 +1,167 @@
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.back {
|
||||
position: fixed;
|
||||
z-index: 9;
|
||||
width: 0.7466666667rem;
|
||||
height: 0.7466666667rem;
|
||||
left: 0.5333333333rem;
|
||||
top: 0.2rem;
|
||||
}
|
||||
|
||||
.myInfo {
|
||||
width: 9.2rem;
|
||||
height: 1.8133333333rem;
|
||||
margin: 0.8rem auto 0.4266666667rem;
|
||||
}
|
||||
.myInfo img {
|
||||
display: block;
|
||||
width: 1.8133333333rem;
|
||||
height: 1.8133333333rem;
|
||||
border-radius: 50%;
|
||||
float: left;
|
||||
}
|
||||
.myInfo div {
|
||||
float: left;
|
||||
margin-left: 0.2933333333rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
.myInfo div p {
|
||||
color: #1F1B4F;
|
||||
font-size: 0.48rem;
|
||||
font-weight: bold;
|
||||
margin-bottom: 0.16rem;
|
||||
margin-top: 0.4rem;
|
||||
width: 6.5rem;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.myInfo div b {
|
||||
color: #8A8CAB;
|
||||
font-size: 0.32rem;
|
||||
}
|
||||
|
||||
.diamond {
|
||||
width: 9.2rem;
|
||||
height: 3.84rem;
|
||||
background: url(../images/index/diamondBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto 0.4266666667rem;
|
||||
position: relative;
|
||||
}
|
||||
.diamond .diamondIcon {
|
||||
width: 0.64rem;
|
||||
height: 0.64rem;
|
||||
position: absolute;
|
||||
left: 0.5333333333rem;
|
||||
top: 0.4rem;
|
||||
}
|
||||
.diamond .moreD {
|
||||
width: 0.32rem;
|
||||
height: 0.32rem;
|
||||
position: absolute;
|
||||
right: 0.5333333333rem;
|
||||
top: 0.56rem;
|
||||
}
|
||||
.diamond span {
|
||||
font-size: 0.5333333333rem;
|
||||
font-weight: bold;
|
||||
color: #1F1B4F;
|
||||
position: absolute;
|
||||
left: 1.28rem;
|
||||
top: 0.48rem;
|
||||
}
|
||||
.diamond b {
|
||||
font-size: 0.3733333333rem;
|
||||
color: #1F1B4F;
|
||||
position: absolute;
|
||||
right: 0.9066666667rem;
|
||||
top: 0.5333333333rem;
|
||||
}
|
||||
.diamond p {
|
||||
font-weight: bold;
|
||||
color: #1F1B4F;
|
||||
font-size: 0.48rem;
|
||||
left: 0.5333333333rem;
|
||||
top: 1.4666666667rem;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.gold {
|
||||
width: 9.2rem;
|
||||
height: 3.84rem;
|
||||
background: url(../images/index/goldBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto 0.4266666667rem;
|
||||
position: relative;
|
||||
}
|
||||
.gold .goldIcon {
|
||||
width: 0.64rem;
|
||||
height: 0.64rem;
|
||||
position: absolute;
|
||||
left: 0.5333333333rem;
|
||||
top: 0.4rem;
|
||||
}
|
||||
.gold .moreG {
|
||||
width: 0.32rem;
|
||||
height: 0.32rem;
|
||||
position: absolute;
|
||||
right: 0.5333333333rem;
|
||||
top: 0.56rem;
|
||||
}
|
||||
.gold span {
|
||||
font-size: 0.5333333333rem;
|
||||
font-weight: bold;
|
||||
color: #1F1B4F;
|
||||
position: absolute;
|
||||
left: 1.28rem;
|
||||
top: 0.48rem;
|
||||
}
|
||||
.gold b {
|
||||
font-size: 0.3733333333rem;
|
||||
color: #1F1B4F;
|
||||
position: absolute;
|
||||
right: 0.9066666667rem;
|
||||
top: 0.5333333333rem;
|
||||
}
|
||||
.gold p {
|
||||
font-weight: bold;
|
||||
color: #1F1B4F;
|
||||
font-size: 0.48rem;
|
||||
left: 0.5333333333rem;
|
||||
top: 1.4666666667rem;
|
||||
position: absolute;
|
||||
}
|
||||
.gold .exchangeGold {
|
||||
width: 3.8933333333rem;
|
||||
height: 1.0666666667rem;
|
||||
line-height: 1.0666666667rem;
|
||||
border-radius: 1.0666666667rem;
|
||||
text-align: center;
|
||||
color: #93570B;
|
||||
font-size: 0.4266666667rem;
|
||||
position: absolute;
|
||||
left: 0.5333333333rem;
|
||||
bottom: 0.48rem;
|
||||
border: 0.0266666667rem solid #93570B;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.gold .withdrawal {
|
||||
width: 3.8933333333rem;
|
||||
height: 1.0666666667rem;
|
||||
line-height: 1.0666666667rem;
|
||||
border-radius: 1.0666666667rem;
|
||||
text-align: center;
|
||||
color: #582815;
|
||||
font-size: 0.4266666667rem;
|
||||
position: absolute;
|
||||
right: 0.5333333333rem;
|
||||
bottom: 0.48rem;
|
||||
background: #EDC36B;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map */
|
||||
186
view/peko/modules/h5Income/css/index.scss
Normal file
186
view/peko/modules/h5Income/css/index.scss
Normal file
@@ -0,0 +1,186 @@
|
||||
@function px2rem($px, $rem:75) {
|
||||
@return $px / $rem+rem;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.back {
|
||||
position: fixed;
|
||||
z-index: 9;
|
||||
width: px2rem(56, );
|
||||
height: px2rem(56, );
|
||||
left: px2rem(40, );
|
||||
top: 0.2rem;
|
||||
// display: none;
|
||||
}
|
||||
|
||||
.myInfo {
|
||||
width: px2rem(690, );
|
||||
height: px2rem(136, );
|
||||
margin: px2rem(60, ) auto px2rem(32, );
|
||||
|
||||
img {
|
||||
display: block;
|
||||
width: px2rem(136, );
|
||||
height: px2rem(136, );
|
||||
border-radius: 50%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
div {
|
||||
float: left;
|
||||
margin-left: px2rem(22, );
|
||||
overflow: hidden;
|
||||
|
||||
p {
|
||||
color: #1F1B4F;
|
||||
font-size: px2rem(36, );
|
||||
font-weight: bold;
|
||||
margin-bottom: px2rem(12, );
|
||||
margin-top: px2rem(30, );
|
||||
width: 6.5rem;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
b {
|
||||
color: #8A8CAB;
|
||||
font-size: px2rem(24, );
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.diamond {
|
||||
width: px2rem(690, );
|
||||
height: px2rem(288, );
|
||||
background: url(../images/index/diamondBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto px2rem(32, );
|
||||
position: relative;
|
||||
|
||||
.diamondIcon {
|
||||
width: px2rem(48, );
|
||||
height: px2rem(48, );
|
||||
position: absolute;
|
||||
left: px2rem(40, );
|
||||
top: px2rem(30, );
|
||||
}
|
||||
|
||||
.moreD {
|
||||
width: px2rem(24, );
|
||||
height: px2rem(24, );
|
||||
position: absolute;
|
||||
right: px2rem(40, );
|
||||
top: px2rem(42, );
|
||||
}
|
||||
|
||||
span {
|
||||
font-size: px2rem(40, );
|
||||
font-weight: bold;
|
||||
color: #1F1B4F;
|
||||
position: absolute;
|
||||
left: px2rem(96, );
|
||||
top: px2rem(36, );
|
||||
}
|
||||
|
||||
b {
|
||||
font-size: px2rem(28, );
|
||||
color: #1F1B4F;
|
||||
position: absolute;
|
||||
right: px2rem(68, );
|
||||
top: px2rem(40, );
|
||||
}
|
||||
|
||||
p {
|
||||
font-weight: bold;
|
||||
color: #1F1B4F;
|
||||
font-size: px2rem(36, );
|
||||
left: px2rem(40, );
|
||||
top: px2rem(110, );
|
||||
position: absolute;
|
||||
}
|
||||
}
|
||||
|
||||
.gold {
|
||||
width: px2rem(690, );
|
||||
height: px2rem(288, );
|
||||
background: url(../images/index/goldBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto px2rem(32, );
|
||||
position: relative;
|
||||
|
||||
.goldIcon {
|
||||
width: px2rem(48, );
|
||||
height: px2rem(48, );
|
||||
position: absolute;
|
||||
left: px2rem(40, );
|
||||
top: px2rem(30, );
|
||||
}
|
||||
|
||||
.moreG {
|
||||
width: px2rem(24, );
|
||||
height: px2rem(24, );
|
||||
position: absolute;
|
||||
right: px2rem(40, );
|
||||
top: px2rem(42, );
|
||||
}
|
||||
|
||||
span {
|
||||
font-size: px2rem(40, );
|
||||
font-weight: bold;
|
||||
color: #1F1B4F;
|
||||
position: absolute;
|
||||
left: px2rem(96, );
|
||||
top: px2rem(36, );
|
||||
}
|
||||
|
||||
b {
|
||||
font-size: px2rem(28, );
|
||||
color: #1F1B4F;
|
||||
position: absolute;
|
||||
right: px2rem(68, );
|
||||
top: px2rem(40, );
|
||||
}
|
||||
|
||||
p {
|
||||
font-weight: bold;
|
||||
color: #1F1B4F;
|
||||
font-size: px2rem(36, );
|
||||
left: px2rem(40, );
|
||||
top: px2rem(110, );
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.exchangeGold {
|
||||
width: px2rem(292, );
|
||||
height: px2rem(80, );
|
||||
line-height: px2rem(80, );
|
||||
border-radius: px2rem(80, );
|
||||
text-align: center;
|
||||
color: #93570B;
|
||||
font-size: px2rem(32, );
|
||||
position: absolute;
|
||||
left: px2rem(40, );
|
||||
bottom: px2rem(36, );
|
||||
border: px2rem(2, ) solid #93570B;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.withdrawal {
|
||||
width: px2rem(292, );
|
||||
height: px2rem(80, );
|
||||
line-height: px2rem(80, );
|
||||
border-radius: px2rem(80, );
|
||||
text-align: center;
|
||||
color: #582815;
|
||||
font-size: px2rem(32, );
|
||||
position: absolute;
|
||||
right: px2rem(40, );
|
||||
bottom: px2rem(36, );
|
||||
background: #EDC36B;
|
||||
}
|
||||
}
|
||||
214
view/peko/modules/h5Income/css/login.css
Normal file
214
view/peko/modules/h5Income/css/login.css
Normal file
@@ -0,0 +1,214 @@
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.back {
|
||||
position: fixed;
|
||||
z-index: 9;
|
||||
width: 0.7466666667rem;
|
||||
height: 0.7466666667rem;
|
||||
left: 0.5333333333rem;
|
||||
top: 0.6666666667rem;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.header {
|
||||
width: 100%;
|
||||
height: 8.88rem;
|
||||
background: url(../images/login/bg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
margin: 0 auto -2rem;
|
||||
}
|
||||
.header .logo {
|
||||
position: absolute;
|
||||
width: 5.7066666667rem;
|
||||
height: 5.7066666667rem;
|
||||
left: 50%;
|
||||
top: 2.4266666667rem;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.box {
|
||||
width: 10rem;
|
||||
height: 14.6133333333rem;
|
||||
border-radius: 0.6666666667rem 0.6666666667rem 0px 0px;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
background: #fff;
|
||||
overflow: hidden;
|
||||
}
|
||||
.box input {
|
||||
background: transparent;
|
||||
border: none;
|
||||
outline: none;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.64rem;
|
||||
}
|
||||
.box input::placeholder {
|
||||
font-size: 0.3733333333rem;
|
||||
color: #8A8CAB;
|
||||
}
|
||||
.box .idLogin .id {
|
||||
width: 8.08rem;
|
||||
height: 1.3866666667rem;
|
||||
background: #F3F5FA;
|
||||
border-radius: 1.3866666667rem;
|
||||
margin: 1.28rem auto 0.5333333333rem;
|
||||
display: block;
|
||||
}
|
||||
.box .idLogin .password {
|
||||
width: 8.08rem;
|
||||
height: 1.3866666667rem;
|
||||
background: #F3F5FA;
|
||||
border-radius: 1.3866666667rem;
|
||||
margin: 0rem auto 1.0666666667rem;
|
||||
display: block;
|
||||
}
|
||||
.box .phone {
|
||||
display: none;
|
||||
}
|
||||
.box .phone .phoneNumberBox {
|
||||
width: 8.08rem;
|
||||
height: 1.3866666667rem;
|
||||
background: #F3F5FA;
|
||||
border-radius: 1.3866666667rem;
|
||||
margin: 1.28rem auto 0.5333333333rem;
|
||||
box-sizing: border-box;
|
||||
padding-left: 0.64rem;
|
||||
}
|
||||
.box .phone .phoneNumberBox .prefix {
|
||||
float: left;
|
||||
font-size: 0.4266666667rem;
|
||||
color: #1F1B4F;
|
||||
font-weight: bold;
|
||||
height: 100%;
|
||||
line-height: 1.3866666667rem;
|
||||
}
|
||||
.box .phone .phoneNumberBox .prefix b {
|
||||
font-size: 0.4266666667rem;
|
||||
color: #1F1B4F;
|
||||
font-weight: bold;
|
||||
margin-right: 0.1066666667rem;
|
||||
}
|
||||
.box .phone .phoneNumberBox .prefix img {
|
||||
display: inline-block;
|
||||
width: 0.32rem;
|
||||
height: 0.2133333333rem;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.box .phone .phoneNumberBox .phoneNumber {
|
||||
float: right;
|
||||
height: 100%;
|
||||
padding: 0;
|
||||
width: 5.5rem;
|
||||
}
|
||||
.box .phone .codeBox {
|
||||
width: 8.08rem;
|
||||
height: 1.3866666667rem;
|
||||
background: #F3F5FA;
|
||||
border-radius: 1.3866666667rem;
|
||||
margin: 0rem auto 1.0666666667rem;
|
||||
}
|
||||
.box .phone .codeBox .code {
|
||||
float: left;
|
||||
width: 5rem;
|
||||
height: 100%;
|
||||
}
|
||||
.box .phone .codeBox .codeBut {
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: 0.3733333333rem;
|
||||
border-radius: 1.0133333333rem;
|
||||
width: 2.72rem;
|
||||
height: 1.0133333333rem;
|
||||
line-height: 1.0133333333rem;
|
||||
float: right;
|
||||
margin-top: 0.1866666667rem;
|
||||
margin-right: 0.2133333333rem;
|
||||
background: #9168FA;
|
||||
}
|
||||
.box .phone .codeBox .codeButTime {
|
||||
background: #DED1FD;
|
||||
}
|
||||
.box .but {
|
||||
width: 8.08rem;
|
||||
height: 1.28rem;
|
||||
border-radius: 1.28rem;
|
||||
line-height: 1.28rem;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: 0.4266666667rem;
|
||||
margin: 0 auto 0.5333333333rem;
|
||||
background: linear-gradient(90deg, #EEDCFF 0%, #DEE4FF 50%, #CCF8F9 100%);
|
||||
}
|
||||
.box .butok {
|
||||
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
|
||||
}
|
||||
.box .hone {
|
||||
width: 8.08rem;
|
||||
height: 1.28rem;
|
||||
border-radius: 1.28rem;
|
||||
line-height: 1.28rem;
|
||||
text-align: center;
|
||||
color: #9168FA;
|
||||
font-size: 0.4266666667rem;
|
||||
margin: 0 auto 0.5333333333rem;
|
||||
background: linear-gradient(270deg, #FAEDFF 0%, #E6FDFF 100%);
|
||||
border: 1px solid #D480FF;
|
||||
}
|
||||
|
||||
.area {
|
||||
position: fixed;
|
||||
z-index: 99;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
display: none;
|
||||
}
|
||||
.area .box {
|
||||
width: 100%;
|
||||
height: 8.88rem;
|
||||
border-radius: 0.7466666667rem 0.7466666667rem 0 0;
|
||||
background: #fff;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
}
|
||||
.area .box p {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
height: 1.8133333333rem;
|
||||
line-height: 1.8133333333rem;
|
||||
border-bottom: 0.0133333333rem solid #EBEEF5;
|
||||
font-size: 0.48rem;
|
||||
font-weight: bold;
|
||||
color: #1F1B4F;
|
||||
}
|
||||
.area .box .list {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 1.8133333333rem;
|
||||
overflow-y: scroll;
|
||||
width: 100%;
|
||||
height: 7rem;
|
||||
}
|
||||
.area .box .list span {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 1.36rem;
|
||||
line-height: 1.36rem;
|
||||
font-size: 0.4266666667rem;
|
||||
border-bottom: 0.0133333333rem solid #EBEEF5;
|
||||
text-align: center;
|
||||
color: #1F1B4F;
|
||||
}
|
||||
.area .box .list .active {
|
||||
background: #F3F5FA;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=login.css.map */
|
||||
244
view/peko/modules/h5Income/css/login.scss
Normal file
244
view/peko/modules/h5Income/css/login.scss
Normal file
@@ -0,0 +1,244 @@
|
||||
@function px2rem($px, $rem:75) {
|
||||
@return $px / $rem+rem;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.back {
|
||||
position: fixed;
|
||||
z-index: 9;
|
||||
width: px2rem(56, );
|
||||
height: px2rem(56, );
|
||||
left: px2rem(40, );
|
||||
top: px2rem(50, );
|
||||
display: none;
|
||||
}
|
||||
|
||||
.header {
|
||||
width: 100%;
|
||||
height: px2rem(666, );
|
||||
background: url(../images/login/bg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
margin: 0 auto -2rem;
|
||||
|
||||
.logo {
|
||||
position: absolute;
|
||||
width: px2rem(428, );
|
||||
height: px2rem(428, );
|
||||
left: 50%;
|
||||
top: px2rem(182, );
|
||||
transform: translateX(-50%);
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.box {
|
||||
width: px2rem(750, );
|
||||
height: px2rem(1096, );
|
||||
border-radius: px2rem(50, ) px2rem(50, ) 0px 0px;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
background: #fff;
|
||||
overflow: hidden;
|
||||
|
||||
input {
|
||||
background: transparent;
|
||||
border: none;
|
||||
outline: none;
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(48, );
|
||||
|
||||
&::placeholder {
|
||||
font-size: px2rem(28, );
|
||||
color: #8A8CAB;
|
||||
}
|
||||
}
|
||||
|
||||
.idLogin {
|
||||
.id {
|
||||
width: px2rem(606, );
|
||||
height: px2rem(104, );
|
||||
background: #F3F5FA;
|
||||
border-radius: px2rem(104, );
|
||||
margin: px2rem(96, ) auto px2rem(40, );
|
||||
display: block;
|
||||
}
|
||||
|
||||
.password {
|
||||
width: px2rem(606, );
|
||||
height: px2rem(104, );
|
||||
background: #F3F5FA;
|
||||
border-radius: px2rem(104, );
|
||||
margin: px2rem(0, ) auto px2rem(80, );
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.phone {
|
||||
display: none;
|
||||
|
||||
.phoneNumberBox {
|
||||
width: px2rem(606, );
|
||||
height: px2rem(104, );
|
||||
background: #F3F5FA;
|
||||
border-radius: px2rem(104, );
|
||||
margin: px2rem(96, ) auto px2rem(40, );
|
||||
box-sizing: border-box;
|
||||
padding-left: px2rem(48, );
|
||||
|
||||
.prefix {
|
||||
float: left;
|
||||
font-size: px2rem(32, );
|
||||
color: #1F1B4F;
|
||||
font-weight: bold;
|
||||
height: 100%;
|
||||
line-height: px2rem(104, );
|
||||
|
||||
b {
|
||||
font-size: px2rem(32, );
|
||||
color: #1F1B4F;
|
||||
font-weight: bold;
|
||||
margin-right: px2rem(8, );
|
||||
}
|
||||
|
||||
img {
|
||||
display: inline-block;
|
||||
width: px2rem(24, );
|
||||
height: px2rem(16, );
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
|
||||
.phoneNumber {
|
||||
float: right;
|
||||
height: 100%;
|
||||
padding: 0;
|
||||
width: 5.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
.codeBox {
|
||||
width: px2rem(606, );
|
||||
height: px2rem(104, );
|
||||
background: #F3F5FA;
|
||||
border-radius: px2rem(104, );
|
||||
margin: px2rem(0, ) auto px2rem(80, );
|
||||
|
||||
.code {
|
||||
float: left;
|
||||
width: 5rem;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.codeBut {
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: px2rem(28, );
|
||||
border-radius: px2rem(76, );
|
||||
width: px2rem(204, );
|
||||
height: px2rem(76, );
|
||||
line-height: px2rem(76, );
|
||||
float: right;
|
||||
margin-top: px2rem(14, );
|
||||
margin-right: px2rem(16, );
|
||||
background: #9168FA;
|
||||
}
|
||||
|
||||
.codeButTime {
|
||||
background: #DED1FD;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.but {
|
||||
width: px2rem(606, );
|
||||
height: px2rem(96, );
|
||||
border-radius: px2rem(96, );
|
||||
line-height: px2rem(96, );
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: px2rem(32, );
|
||||
margin: 0 auto px2rem(40, );
|
||||
background: linear-gradient(90deg, #EEDCFF 0%, #DEE4FF 50%, #CCF8F9 100%);
|
||||
}
|
||||
|
||||
.butok {
|
||||
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
|
||||
}
|
||||
|
||||
.hone {
|
||||
width: px2rem(606, );
|
||||
height: px2rem(96, );
|
||||
border-radius: px2rem(96, );
|
||||
line-height: px2rem(96, );
|
||||
text-align: center;
|
||||
color: #9168FA;
|
||||
font-size: px2rem(32, );
|
||||
margin: 0 auto px2rem(40, );
|
||||
background: linear-gradient(270deg, #FAEDFF 0%, #E6FDFF 100%);
|
||||
border: 1px solid #D480FF;
|
||||
}
|
||||
}
|
||||
|
||||
.area {
|
||||
position: fixed;
|
||||
z-index: 99;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: rgba(0, 0, 0, .6);
|
||||
display: none;
|
||||
|
||||
.box {
|
||||
width: 100%;
|
||||
height: px2rem(666, );
|
||||
border-radius: px2rem(56, ) px2rem(56, ) 0 0;
|
||||
background: #fff;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
|
||||
p {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
height: px2rem(136, );
|
||||
line-height: px2rem(136, );
|
||||
border-bottom: px2rem(1, ) solid #EBEEF5;
|
||||
font-size: px2rem(36, );
|
||||
font-weight: bold;
|
||||
color: #1F1B4F;
|
||||
}
|
||||
|
||||
.list {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: px2rem(136, );
|
||||
overflow-y: scroll;
|
||||
width: 100%;
|
||||
height: 7rem;
|
||||
|
||||
span {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: px2rem(102, );
|
||||
line-height: px2rem(102, );
|
||||
font-size: px2rem(32, );
|
||||
border-bottom: px2rem(1, ) solid #EBEEF5;
|
||||
text-align: center;
|
||||
color: #1F1B4F;
|
||||
}
|
||||
|
||||
.active {
|
||||
background: #F3F5FA;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
197
view/peko/modules/h5Income/css/malaysia.css
Normal file
197
view/peko/modules/h5Income/css/malaysia.css
Normal file
@@ -0,0 +1,197 @@
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
background: #F3F5FA;
|
||||
}
|
||||
|
||||
.back {
|
||||
position: fixed;
|
||||
z-index: 9;
|
||||
width: 0.7466666667rem;
|
||||
height: 0.7466666667rem;
|
||||
left: 0.5333333333rem;
|
||||
top: 0.2rem;
|
||||
}
|
||||
|
||||
h3 {
|
||||
width: 100%;
|
||||
margin-top: 0.5333333333rem;
|
||||
margin-bottom: 0.4266666667rem;
|
||||
text-align: center;
|
||||
color: #1F1B4F;
|
||||
font-size: 0.48rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
input {
|
||||
background: transparent;
|
||||
border: none;
|
||||
outline: none;
|
||||
box-sizing: border-box;
|
||||
font-size: 0.3733333333rem;
|
||||
}
|
||||
input::placeholder {
|
||||
font-size: 0.3733333333rem;
|
||||
color: #8A8CAB;
|
||||
}
|
||||
|
||||
.box1 {
|
||||
width: 9.1466666667rem;
|
||||
height: 9.7066666667rem;
|
||||
background: #fff;
|
||||
border-radius: 0.2666666667rem;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.5333333333rem;
|
||||
margin: 0 auto 0.32rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
.box1 div {
|
||||
width: 100%;
|
||||
height: 1.3733333333rem;
|
||||
line-height: 1.3733333333rem;
|
||||
border-bottom: 0.0133333333rem solid #EBEEF5;
|
||||
display: flex;
|
||||
}
|
||||
.box1 div span {
|
||||
flex: 3;
|
||||
height: 100%;
|
||||
font-size: 0.3733333333rem;
|
||||
color: #1F1B4F;
|
||||
}
|
||||
.box1 div input {
|
||||
flex: 7;
|
||||
height: 100%;
|
||||
text-align: right;
|
||||
font-size: 0.3733333333rem;
|
||||
color: #1F1B4F;
|
||||
}
|
||||
|
||||
.box2 {
|
||||
width: 9.1466666667rem;
|
||||
height: 5.5466666667rem;
|
||||
background: #fff;
|
||||
border-radius: 0.2666666667rem;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.5333333333rem;
|
||||
margin: 0 auto 0.32rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
.box2 div {
|
||||
width: 100%;
|
||||
height: 1.3733333333rem;
|
||||
line-height: 1.3733333333rem;
|
||||
border-bottom: 0.0133333333rem solid #EBEEF5;
|
||||
display: flex;
|
||||
}
|
||||
.box2 div span {
|
||||
flex: 3;
|
||||
height: 100%;
|
||||
font-size: 0.3733333333rem;
|
||||
color: #1F1B4F;
|
||||
}
|
||||
.box2 div input {
|
||||
flex: 7;
|
||||
height: 100%;
|
||||
text-align: right;
|
||||
font-size: 0.3733333333rem;
|
||||
color: #1F1B4F;
|
||||
}
|
||||
|
||||
.box3 {
|
||||
width: 9.1466666667rem;
|
||||
height: 5.5466666667rem;
|
||||
background: #fff;
|
||||
border-radius: 0.2666666667rem;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.5333333333rem;
|
||||
margin: 0 auto 0.5333333333rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
.box3 p {
|
||||
font-size: 0.3733333333rem;
|
||||
color: #1F1B4F;
|
||||
margin-top: 0.4266666667rem;
|
||||
}
|
||||
.box3 .idBox {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 0.4266666667rem;
|
||||
}
|
||||
.box3 .idBox .z,
|
||||
.box3 .idBox .f {
|
||||
width: 3.84rem;
|
||||
height: 3.1466666667rem;
|
||||
background: #F3F5FA;
|
||||
border-radius: 0.2666666667rem;
|
||||
position: relative;
|
||||
}
|
||||
.box3 .idBox .z .documents,
|
||||
.box3 .idBox .f .documents {
|
||||
position: absolute;
|
||||
width: 3.0933333333rem;
|
||||
height: 1.92rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 0.3733333333rem;
|
||||
}
|
||||
.box3 .idBox .z .icon_camera,
|
||||
.box3 .idBox .f .icon_camera {
|
||||
position: absolute;
|
||||
width: 1.0666666667rem;
|
||||
height: 1.0666666667rem;
|
||||
left: 50%;
|
||||
top: 0.8rem;
|
||||
transform: translateX(-50%);
|
||||
z-index: 2;
|
||||
}
|
||||
.box3 .idBox .z span,
|
||||
.box3 .idBox .f span {
|
||||
position: absolute;
|
||||
color: #8A8CAB;
|
||||
font-size: 0.32rem;
|
||||
left: 50%;
|
||||
top: 2.4rem;
|
||||
transform: translateX(-50%);
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
.box3 .idBox .z .upload,
|
||||
.box3 .idBox .f .upload {
|
||||
position: absolute;
|
||||
width: 3.0933333333rem;
|
||||
height: 1.92rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 0.3733333333rem;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.but {
|
||||
width: 8.08rem;
|
||||
height: 1.28rem;
|
||||
line-height: 1.28rem;
|
||||
border-radius: 1.28rem;
|
||||
margin: 0 auto 0.64rem;
|
||||
text-align: center;
|
||||
font-size: 0.4266666667rem;
|
||||
color: #FFFFFF;
|
||||
background: linear-gradient(90deg, #EEDCFF 0%, #DEE4FF 50%, #CCF8F9 100%);
|
||||
}
|
||||
|
||||
.active {
|
||||
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
|
||||
}
|
||||
|
||||
.rule {
|
||||
width: 8.72rem;
|
||||
margin: 0 auto 0.6666666667rem;
|
||||
color: #8A8CAB;
|
||||
font-size: 0.3733333333rem;
|
||||
}
|
||||
.rule p {
|
||||
margin-bottom: 0.1333333333rem;
|
||||
line-height: 0.45rem;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=malaysia.css.map */
|
||||
210
view/peko/modules/h5Income/css/malaysia.scss
Normal file
210
view/peko/modules/h5Income/css/malaysia.scss
Normal file
@@ -0,0 +1,210 @@
|
||||
@function px2rem($px, $rem:75) {
|
||||
@return $px / $rem+rem;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
background: #F3F5FA;
|
||||
}
|
||||
|
||||
.back {
|
||||
position: fixed;
|
||||
z-index: 9;
|
||||
width: px2rem(56, );
|
||||
height: px2rem(56, );
|
||||
left: px2rem(40, );
|
||||
top: 0.2rem;
|
||||
// display: none;
|
||||
}
|
||||
|
||||
h3 {
|
||||
width: 100%;
|
||||
margin-top: px2rem(40, );
|
||||
margin-bottom: px2rem(32, );
|
||||
text-align: center;
|
||||
color: #1F1B4F;
|
||||
font-size: px2rem(36, );
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
input {
|
||||
background: transparent;
|
||||
border: none;
|
||||
outline: none;
|
||||
box-sizing: border-box;
|
||||
font-size: px2rem(28, );
|
||||
|
||||
&::placeholder {
|
||||
font-size: px2rem(28, );
|
||||
color: #8A8CAB;
|
||||
}
|
||||
}
|
||||
|
||||
.box1 {
|
||||
width: px2rem(686, );
|
||||
height: px2rem(728, );
|
||||
background: #fff;
|
||||
border-radius: px2rem(20, );
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(40, );
|
||||
margin: 0 auto px2rem(24, );
|
||||
overflow: hidden;
|
||||
|
||||
div {
|
||||
width: 100%;
|
||||
height: px2rem(103, );
|
||||
line-height: px2rem(103, );
|
||||
border-bottom: px2rem(1, ) solid #EBEEF5;
|
||||
display: flex;
|
||||
|
||||
span {
|
||||
flex: 3;
|
||||
height: 100%;
|
||||
font-size: px2rem(28, );
|
||||
color: #1F1B4F;
|
||||
}
|
||||
|
||||
input {
|
||||
flex: 7;
|
||||
height: 100%;
|
||||
text-align: right;
|
||||
font-size: px2rem(28, );
|
||||
color: #1F1B4F;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.box2 {
|
||||
width: px2rem(686, );
|
||||
height: px2rem(416, );
|
||||
background: #fff;
|
||||
border-radius: px2rem(20, );
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(40, );
|
||||
margin: 0 auto px2rem(24, );
|
||||
overflow: hidden;
|
||||
|
||||
div {
|
||||
width: 100%;
|
||||
height: px2rem(103, );
|
||||
line-height: px2rem(103, );
|
||||
border-bottom: px2rem(1, ) solid #EBEEF5;
|
||||
display: flex;
|
||||
|
||||
span {
|
||||
flex: 3;
|
||||
height: 100%;
|
||||
font-size: px2rem(28, );
|
||||
color: #1F1B4F;
|
||||
}
|
||||
|
||||
input {
|
||||
flex: 7;
|
||||
height: 100%;
|
||||
text-align: right;
|
||||
font-size: px2rem(28, );
|
||||
color: #1F1B4F;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.box3 {
|
||||
width: px2rem(686, );
|
||||
height: px2rem(416, );
|
||||
background: #fff;
|
||||
border-radius: px2rem(20, );
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(40, );
|
||||
margin: 0 auto px2rem(40, );
|
||||
overflow: hidden;
|
||||
|
||||
p {
|
||||
font-size: px2rem(28, );
|
||||
color: #1F1B4F;
|
||||
margin-top: px2rem(32, );
|
||||
}
|
||||
|
||||
.idBox {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: px2rem(32, );
|
||||
|
||||
.z,
|
||||
.f {
|
||||
width: px2rem(288, );
|
||||
height: px2rem(236, );
|
||||
background: #F3F5FA;
|
||||
border-radius: px2rem(20, );
|
||||
position: relative;
|
||||
|
||||
.documents {
|
||||
position: absolute;
|
||||
width: px2rem(232, );
|
||||
height: px2rem(144, );
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(28, );
|
||||
}
|
||||
|
||||
.icon_camera {
|
||||
position: absolute;
|
||||
width: px2rem(80, );
|
||||
height: px2rem(80, );
|
||||
left: 50%;
|
||||
top: px2rem(60, );
|
||||
transform: translateX(-50%);
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
span {
|
||||
position: absolute;
|
||||
color: #8A8CAB;
|
||||
font-size: px2rem(24, );
|
||||
left: 50%;
|
||||
top: px2rem(180, );
|
||||
transform: translateX(-50%);
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.upload {
|
||||
position: absolute;
|
||||
width: px2rem(232, );
|
||||
height: px2rem(144, );
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(28, );
|
||||
z-index: 2;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.but {
|
||||
width: px2rem(606, );
|
||||
height: px2rem(96, );
|
||||
line-height: px2rem(96, );
|
||||
border-radius: px2rem(96, );
|
||||
margin: 0 auto px2rem(48, );
|
||||
text-align: center;
|
||||
font-size: px2rem(32, );
|
||||
color: #FFFFFF;
|
||||
background: linear-gradient(90deg, #EEDCFF 0%, #DEE4FF 50%, #CCF8F9 100%);
|
||||
}
|
||||
.active{
|
||||
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
|
||||
}
|
||||
|
||||
.rule {
|
||||
width: px2rem(654, );
|
||||
margin: 0 auto px2rem(50, );
|
||||
color: #8A8CAB;
|
||||
font-size: px2rem(28, );
|
||||
|
||||
p {
|
||||
margin-bottom: px2rem(10, );
|
||||
line-height: 0.45rem;
|
||||
}
|
||||
}
|
||||
166
view/peko/modules/h5Income/css/other.css
Normal file
166
view/peko/modules/h5Income/css/other.css
Normal file
@@ -0,0 +1,166 @@
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
background: #F3F5FA;
|
||||
}
|
||||
|
||||
.back {
|
||||
position: fixed;
|
||||
z-index: 9;
|
||||
width: 0.7466666667rem;
|
||||
height: 0.7466666667rem;
|
||||
left: 0.5333333333rem;
|
||||
top: 0.2rem;
|
||||
}
|
||||
|
||||
h3 {
|
||||
width: 100%;
|
||||
margin-top: 0.5333333333rem;
|
||||
margin-bottom: 0.4266666667rem;
|
||||
text-align: center;
|
||||
color: #1F1B4F;
|
||||
font-size: 0.48rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
input {
|
||||
background: transparent;
|
||||
border: none;
|
||||
outline: none;
|
||||
box-sizing: border-box;
|
||||
font-size: 0.3733333333rem;
|
||||
}
|
||||
input::placeholder {
|
||||
font-size: 0.3733333333rem;
|
||||
color: #8A8CAB;
|
||||
}
|
||||
|
||||
.box2 {
|
||||
width: 9.1466666667rem;
|
||||
height: 5.5466666667rem;
|
||||
background: #fff;
|
||||
border-radius: 0.2666666667rem;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.5333333333rem;
|
||||
margin: 0 auto 0.32rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
.box2 div {
|
||||
width: 100%;
|
||||
height: 1.3733333333rem;
|
||||
line-height: 1.3733333333rem;
|
||||
border-bottom: 0.0133333333rem solid #EBEEF5;
|
||||
display: flex;
|
||||
}
|
||||
.box2 div span {
|
||||
flex: 3;
|
||||
height: 100%;
|
||||
font-size: 0.3733333333rem;
|
||||
color: #1F1B4F;
|
||||
}
|
||||
.box2 div input {
|
||||
flex: 7;
|
||||
height: 100%;
|
||||
text-align: right;
|
||||
font-size: 0.3733333333rem;
|
||||
color: #1F1B4F;
|
||||
}
|
||||
|
||||
.box3 {
|
||||
width: 9.1466666667rem;
|
||||
height: 5.5466666667rem;
|
||||
background: #fff;
|
||||
border-radius: 0.2666666667rem;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.5333333333rem;
|
||||
margin: 0 auto 0.5333333333rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
.box3 p {
|
||||
font-size: 0.3733333333rem;
|
||||
color: #1F1B4F;
|
||||
margin-top: 0.4266666667rem;
|
||||
}
|
||||
.box3 .idBox {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 0.4266666667rem;
|
||||
}
|
||||
.box3 .idBox .z,
|
||||
.box3 .idBox .f {
|
||||
width: 3.84rem;
|
||||
height: 3.1466666667rem;
|
||||
background: #F3F5FA;
|
||||
border-radius: 0.2666666667rem;
|
||||
position: relative;
|
||||
}
|
||||
.box3 .idBox .z .documents,
|
||||
.box3 .idBox .f .documents {
|
||||
position: absolute;
|
||||
width: 3.0933333333rem;
|
||||
height: 1.92rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 0.3733333333rem;
|
||||
}
|
||||
.box3 .idBox .z .icon_camera,
|
||||
.box3 .idBox .f .icon_camera {
|
||||
position: absolute;
|
||||
width: 1.0666666667rem;
|
||||
height: 1.0666666667rem;
|
||||
left: 50%;
|
||||
top: 0.8rem;
|
||||
transform: translateX(-50%);
|
||||
z-index: 2;
|
||||
}
|
||||
.box3 .idBox .z span,
|
||||
.box3 .idBox .f span {
|
||||
position: absolute;
|
||||
color: #8A8CAB;
|
||||
font-size: 0.32rem;
|
||||
left: 50%;
|
||||
top: 2.4rem;
|
||||
transform: translateX(-50%);
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
.box3 .idBox .z .upload,
|
||||
.box3 .idBox .f .upload {
|
||||
position: absolute;
|
||||
width: 3.0933333333rem;
|
||||
height: 1.92rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 0.3733333333rem;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.but {
|
||||
width: 8.08rem;
|
||||
height: 1.28rem;
|
||||
line-height: 1.28rem;
|
||||
border-radius: 1.28rem;
|
||||
margin: 0 auto 0.64rem;
|
||||
text-align: center;
|
||||
font-size: 0.4266666667rem;
|
||||
color: #FFFFFF;
|
||||
background: linear-gradient(90deg, #EEDCFF 0%, #DEE4FF 50%, #CCF8F9 100%);
|
||||
}
|
||||
|
||||
.active {
|
||||
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
|
||||
}
|
||||
|
||||
.rule {
|
||||
width: 8.72rem;
|
||||
margin: 0 auto 0.6666666667rem;
|
||||
color: #8A8CAB;
|
||||
font-size: 0.3733333333rem;
|
||||
}
|
||||
.rule p {
|
||||
margin-bottom: 0.1333333333rem;
|
||||
line-height: 0.45rem;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=other.css.map */
|
||||
175
view/peko/modules/h5Income/css/other.scss
Normal file
175
view/peko/modules/h5Income/css/other.scss
Normal file
@@ -0,0 +1,175 @@
|
||||
@function px2rem($px, $rem:75) {
|
||||
@return $px / $rem+rem;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
background: #F3F5FA;
|
||||
}
|
||||
|
||||
.back {
|
||||
position: fixed;
|
||||
z-index: 9;
|
||||
width: px2rem(56, );
|
||||
height: px2rem(56, );
|
||||
left: px2rem(40, );
|
||||
top: 0.2rem;
|
||||
// display: none;
|
||||
}
|
||||
|
||||
h3 {
|
||||
width: 100%;
|
||||
margin-top: px2rem(40, );
|
||||
margin-bottom: px2rem(32, );
|
||||
text-align: center;
|
||||
color: #1F1B4F;
|
||||
font-size: px2rem(36, );
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
input {
|
||||
background: transparent;
|
||||
border: none;
|
||||
outline: none;
|
||||
box-sizing: border-box;
|
||||
font-size: px2rem(28, );
|
||||
|
||||
&::placeholder {
|
||||
font-size: px2rem(28, );
|
||||
color: #8A8CAB;
|
||||
}
|
||||
}
|
||||
.box2 {
|
||||
width: px2rem(686, );
|
||||
height: px2rem(416, );
|
||||
background: #fff;
|
||||
border-radius: px2rem(20, );
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(40, );
|
||||
margin: 0 auto px2rem(24, );
|
||||
overflow: hidden;
|
||||
|
||||
div {
|
||||
width: 100%;
|
||||
height: px2rem(103, );
|
||||
line-height: px2rem(103, );
|
||||
border-bottom: px2rem(1, ) solid #EBEEF5;
|
||||
display: flex;
|
||||
|
||||
span {
|
||||
flex: 3;
|
||||
height: 100%;
|
||||
font-size: px2rem(28, );
|
||||
color: #1F1B4F;
|
||||
}
|
||||
|
||||
input {
|
||||
flex: 7;
|
||||
height: 100%;
|
||||
text-align: right;
|
||||
font-size: px2rem(28, );
|
||||
color: #1F1B4F;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.box3 {
|
||||
width: px2rem(686, );
|
||||
height: px2rem(416, );
|
||||
background: #fff;
|
||||
border-radius: px2rem(20, );
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(40, );
|
||||
margin: 0 auto px2rem(40, );
|
||||
overflow: hidden;
|
||||
|
||||
p {
|
||||
font-size: px2rem(28, );
|
||||
color: #1F1B4F;
|
||||
margin-top: px2rem(32, );
|
||||
}
|
||||
|
||||
.idBox {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: px2rem(32, );
|
||||
|
||||
.z,
|
||||
.f {
|
||||
width: px2rem(288, );
|
||||
height: px2rem(236, );
|
||||
background: #F3F5FA;
|
||||
border-radius: px2rem(20, );
|
||||
position: relative;
|
||||
|
||||
.documents {
|
||||
position: absolute;
|
||||
width: px2rem(232, );
|
||||
height: px2rem(144, );
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(28, );
|
||||
}
|
||||
|
||||
.icon_camera {
|
||||
position: absolute;
|
||||
width: px2rem(80, );
|
||||
height: px2rem(80, );
|
||||
left: 50%;
|
||||
top: px2rem(60, );
|
||||
transform: translateX(-50%);
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
span {
|
||||
position: absolute;
|
||||
color: #8A8CAB;
|
||||
font-size: px2rem(24, );
|
||||
left: 50%;
|
||||
top: px2rem(180, );
|
||||
transform: translateX(-50%);
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.upload {
|
||||
position: absolute;
|
||||
width: px2rem(232, );
|
||||
height: px2rem(144, );
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(28, );
|
||||
z-index: 2;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.but {
|
||||
width: px2rem(606, );
|
||||
height: px2rem(96, );
|
||||
line-height: px2rem(96, );
|
||||
border-radius: px2rem(96, );
|
||||
margin: 0 auto px2rem(48, );
|
||||
text-align: center;
|
||||
font-size: px2rem(32, );
|
||||
color: #FFFFFF;
|
||||
background: linear-gradient(90deg, #EEDCFF 0%, #DEE4FF 50%, #CCF8F9 100%);
|
||||
}
|
||||
.active{
|
||||
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
|
||||
}
|
||||
|
||||
.rule {
|
||||
width: px2rem(654, );
|
||||
margin: 0 auto px2rem(50, );
|
||||
color: #8A8CAB;
|
||||
font-size: px2rem(28, );
|
||||
|
||||
p {
|
||||
margin-bottom: px2rem(10, );
|
||||
line-height: 0.45rem;
|
||||
}
|
||||
}
|
||||
41
view/peko/modules/h5Income/css/rule.css
Normal file
41
view/peko/modules/h5Income/css/rule.css
Normal file
@@ -0,0 +1,41 @@
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
background: #F3F5FA;
|
||||
}
|
||||
|
||||
.back {
|
||||
position: fixed;
|
||||
z-index: 9;
|
||||
width: 0.7466666667rem;
|
||||
height: 0.7466666667rem;
|
||||
left: 0.5333333333rem;
|
||||
top: 0.2rem;
|
||||
}
|
||||
|
||||
.box {
|
||||
width: 9.1466666667rem;
|
||||
height: auto;
|
||||
margin: 0.8666666667rem auto 0;
|
||||
box-sizing: border-box;
|
||||
padding: 0.64rem 0.5333333333rem;
|
||||
background: #fff;
|
||||
border-radius: 0.2666666667rem;
|
||||
}
|
||||
.box h3 {
|
||||
width: 100%;
|
||||
display: block;
|
||||
text-align: center;
|
||||
color: #1F1B4F;
|
||||
font-size: 0.4266666667rem;
|
||||
font-weight: bold;
|
||||
margin-bottom: 0.32rem;
|
||||
}
|
||||
.box p {
|
||||
color: #8A8CAB;
|
||||
font-size: 0.3466666667rem;
|
||||
margin-bottom: 0.2666666667rem;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=rule.css.map */
|
||||
47
view/peko/modules/h5Income/css/rule.scss
Normal file
47
view/peko/modules/h5Income/css/rule.scss
Normal file
@@ -0,0 +1,47 @@
|
||||
@function px2rem($px, $rem:75) {
|
||||
@return $px / $rem+rem;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
background: #F3F5FA;
|
||||
}
|
||||
|
||||
.back {
|
||||
position: fixed;
|
||||
z-index: 9;
|
||||
width: px2rem(56, );
|
||||
height: px2rem(56, );
|
||||
left: px2rem(40, );
|
||||
top: 0.2rem;
|
||||
// display: none;
|
||||
}
|
||||
|
||||
.box {
|
||||
width: px2rem(686, );
|
||||
// height: px2rem(1348, );
|
||||
height: auto;
|
||||
margin: px2rem(65, ) auto 0;
|
||||
box-sizing: border-box;
|
||||
padding: px2rem(48, ) px2rem(40, );
|
||||
background: #fff;
|
||||
border-radius: px2rem(20, );
|
||||
|
||||
h3 {
|
||||
width: 100%;
|
||||
display: block;
|
||||
text-align: center;
|
||||
color: #1F1B4F;
|
||||
font-size: px2rem(32, );
|
||||
font-weight: bold;
|
||||
margin-bottom: px2rem(24, );
|
||||
}
|
||||
|
||||
p {
|
||||
color: #8A8CAB;
|
||||
font-size: px2rem(26, );
|
||||
margin-bottom: px2rem(20, );
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
197
view/peko/modules/h5Income/css/singapore.css
Normal file
197
view/peko/modules/h5Income/css/singapore.css
Normal file
@@ -0,0 +1,197 @@
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
background: #F3F5FA;
|
||||
}
|
||||
|
||||
.back {
|
||||
position: fixed;
|
||||
z-index: 9;
|
||||
width: 0.7466666667rem;
|
||||
height: 0.7466666667rem;
|
||||
left: 0.5333333333rem;
|
||||
top: 0.2rem;
|
||||
}
|
||||
|
||||
h3 {
|
||||
width: 100%;
|
||||
margin-top: 0.5333333333rem;
|
||||
margin-bottom: 0.4266666667rem;
|
||||
text-align: center;
|
||||
color: #1F1B4F;
|
||||
font-size: 0.48rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
input {
|
||||
background: transparent;
|
||||
border: none;
|
||||
outline: none;
|
||||
box-sizing: border-box;
|
||||
font-size: 0.3733333333rem;
|
||||
}
|
||||
input::placeholder {
|
||||
font-size: 0.3733333333rem;
|
||||
color: #8A8CAB;
|
||||
}
|
||||
|
||||
.box1 {
|
||||
width: 9.1466666667rem;
|
||||
height: 9.7066666667rem;
|
||||
background: #fff;
|
||||
border-radius: 0.2666666667rem;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.5333333333rem;
|
||||
margin: 0 auto 0.32rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
.box1 div {
|
||||
width: 100%;
|
||||
height: 1.3733333333rem;
|
||||
line-height: 1.3733333333rem;
|
||||
border-bottom: 0.0133333333rem solid #EBEEF5;
|
||||
display: flex;
|
||||
}
|
||||
.box1 div span {
|
||||
flex: 3;
|
||||
height: 100%;
|
||||
font-size: 0.3733333333rem;
|
||||
color: #1F1B4F;
|
||||
}
|
||||
.box1 div input {
|
||||
flex: 7;
|
||||
height: 100%;
|
||||
text-align: right;
|
||||
font-size: 0.3733333333rem;
|
||||
color: #1F1B4F;
|
||||
}
|
||||
|
||||
.box2 {
|
||||
width: 9.1466666667rem;
|
||||
height: 5.5466666667rem;
|
||||
background: #fff;
|
||||
border-radius: 0.2666666667rem;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.5333333333rem;
|
||||
margin: 0 auto 0.32rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
.box2 div {
|
||||
width: 100%;
|
||||
height: 1.3733333333rem;
|
||||
line-height: 1.3733333333rem;
|
||||
border-bottom: 0.0133333333rem solid #EBEEF5;
|
||||
display: flex;
|
||||
}
|
||||
.box2 div span {
|
||||
flex: 3;
|
||||
height: 100%;
|
||||
font-size: 0.3733333333rem;
|
||||
color: #1F1B4F;
|
||||
}
|
||||
.box2 div input {
|
||||
flex: 7;
|
||||
height: 100%;
|
||||
text-align: right;
|
||||
font-size: 0.3733333333rem;
|
||||
color: #1F1B4F;
|
||||
}
|
||||
|
||||
.box3 {
|
||||
width: 9.1466666667rem;
|
||||
height: 5.5466666667rem;
|
||||
background: #fff;
|
||||
border-radius: 0.2666666667rem;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.5333333333rem;
|
||||
margin: 0 auto 0.5333333333rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
.box3 p {
|
||||
font-size: 0.3733333333rem;
|
||||
color: #1F1B4F;
|
||||
margin-top: 0.4266666667rem;
|
||||
}
|
||||
.box3 .idBox {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 0.4266666667rem;
|
||||
}
|
||||
.box3 .idBox .z,
|
||||
.box3 .idBox .f {
|
||||
width: 3.84rem;
|
||||
height: 3.1466666667rem;
|
||||
background: #F3F5FA;
|
||||
border-radius: 0.2666666667rem;
|
||||
position: relative;
|
||||
}
|
||||
.box3 .idBox .z .documents,
|
||||
.box3 .idBox .f .documents {
|
||||
position: absolute;
|
||||
width: 3.0933333333rem;
|
||||
height: 1.92rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 0.3733333333rem;
|
||||
}
|
||||
.box3 .idBox .z .icon_camera,
|
||||
.box3 .idBox .f .icon_camera {
|
||||
position: absolute;
|
||||
width: 1.0666666667rem;
|
||||
height: 1.0666666667rem;
|
||||
left: 50%;
|
||||
top: 0.8rem;
|
||||
transform: translateX(-50%);
|
||||
z-index: 2;
|
||||
}
|
||||
.box3 .idBox .z span,
|
||||
.box3 .idBox .f span {
|
||||
position: absolute;
|
||||
color: #8A8CAB;
|
||||
font-size: 0.32rem;
|
||||
left: 50%;
|
||||
top: 2.4rem;
|
||||
transform: translateX(-50%);
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
.box3 .idBox .z .upload,
|
||||
.box3 .idBox .f .upload {
|
||||
position: absolute;
|
||||
width: 3.0933333333rem;
|
||||
height: 1.92rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 0.3733333333rem;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.but {
|
||||
width: 8.08rem;
|
||||
height: 1.28rem;
|
||||
line-height: 1.28rem;
|
||||
border-radius: 1.28rem;
|
||||
margin: 0 auto 0.64rem;
|
||||
text-align: center;
|
||||
font-size: 0.4266666667rem;
|
||||
color: #FFFFFF;
|
||||
background: linear-gradient(90deg, #EEDCFF 0%, #DEE4FF 50%, #CCF8F9 100%);
|
||||
}
|
||||
|
||||
.active {
|
||||
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
|
||||
}
|
||||
|
||||
.rule {
|
||||
width: 8.72rem;
|
||||
margin: 0 auto 0.6666666667rem;
|
||||
color: #8A8CAB;
|
||||
font-size: 0.3733333333rem;
|
||||
}
|
||||
.rule p {
|
||||
margin-bottom: 0.1333333333rem;
|
||||
line-height: 0.45rem;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=singapore.css.map */
|
||||
210
view/peko/modules/h5Income/css/singapore.scss
Normal file
210
view/peko/modules/h5Income/css/singapore.scss
Normal file
@@ -0,0 +1,210 @@
|
||||
@function px2rem($px, $rem:75) {
|
||||
@return $px / $rem+rem;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
background: #F3F5FA;
|
||||
}
|
||||
|
||||
.back {
|
||||
position: fixed;
|
||||
z-index: 9;
|
||||
width: px2rem(56, );
|
||||
height: px2rem(56, );
|
||||
left: px2rem(40, );
|
||||
top: 0.2rem;
|
||||
// display: none;
|
||||
}
|
||||
|
||||
h3 {
|
||||
width: 100%;
|
||||
margin-top: px2rem(40, );
|
||||
margin-bottom: px2rem(32, );
|
||||
text-align: center;
|
||||
color: #1F1B4F;
|
||||
font-size: px2rem(36, );
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
input {
|
||||
background: transparent;
|
||||
border: none;
|
||||
outline: none;
|
||||
box-sizing: border-box;
|
||||
font-size: px2rem(28, );
|
||||
|
||||
&::placeholder {
|
||||
font-size: px2rem(28, );
|
||||
color: #8A8CAB;
|
||||
}
|
||||
}
|
||||
|
||||
.box1 {
|
||||
width: px2rem(686, );
|
||||
height: px2rem(728, );
|
||||
background: #fff;
|
||||
border-radius: px2rem(20, );
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(40, );
|
||||
margin: 0 auto px2rem(24, );
|
||||
overflow: hidden;
|
||||
|
||||
div {
|
||||
width: 100%;
|
||||
height: px2rem(103, );
|
||||
line-height: px2rem(103, );
|
||||
border-bottom: px2rem(1, ) solid #EBEEF5;
|
||||
display: flex;
|
||||
|
||||
span {
|
||||
flex: 3;
|
||||
height: 100%;
|
||||
font-size: px2rem(28, );
|
||||
color: #1F1B4F;
|
||||
}
|
||||
|
||||
input {
|
||||
flex: 7;
|
||||
height: 100%;
|
||||
text-align: right;
|
||||
font-size: px2rem(28, );
|
||||
color: #1F1B4F;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.box2 {
|
||||
width: px2rem(686, );
|
||||
height: px2rem(416, );
|
||||
background: #fff;
|
||||
border-radius: px2rem(20, );
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(40, );
|
||||
margin: 0 auto px2rem(24, );
|
||||
overflow: hidden;
|
||||
|
||||
div {
|
||||
width: 100%;
|
||||
height: px2rem(103, );
|
||||
line-height: px2rem(103, );
|
||||
border-bottom: px2rem(1, ) solid #EBEEF5;
|
||||
display: flex;
|
||||
|
||||
span {
|
||||
flex: 3;
|
||||
height: 100%;
|
||||
font-size: px2rem(28, );
|
||||
color: #1F1B4F;
|
||||
}
|
||||
|
||||
input {
|
||||
flex: 7;
|
||||
height: 100%;
|
||||
text-align: right;
|
||||
font-size: px2rem(28, );
|
||||
color: #1F1B4F;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.box3 {
|
||||
width: px2rem(686, );
|
||||
height: px2rem(416, );
|
||||
background: #fff;
|
||||
border-radius: px2rem(20, );
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(40, );
|
||||
margin: 0 auto px2rem(40, );
|
||||
overflow: hidden;
|
||||
|
||||
p {
|
||||
font-size: px2rem(28, );
|
||||
color: #1F1B4F;
|
||||
margin-top: px2rem(32, );
|
||||
}
|
||||
|
||||
.idBox {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: px2rem(32, );
|
||||
|
||||
.z,
|
||||
.f {
|
||||
width: px2rem(288, );
|
||||
height: px2rem(236, );
|
||||
background: #F3F5FA;
|
||||
border-radius: px2rem(20, );
|
||||
position: relative;
|
||||
|
||||
.documents {
|
||||
position: absolute;
|
||||
width: px2rem(232, );
|
||||
height: px2rem(144, );
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(28, );
|
||||
}
|
||||
|
||||
.icon_camera {
|
||||
position: absolute;
|
||||
width: px2rem(80, );
|
||||
height: px2rem(80, );
|
||||
left: 50%;
|
||||
top: px2rem(60, );
|
||||
transform: translateX(-50%);
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
span {
|
||||
position: absolute;
|
||||
color: #8A8CAB;
|
||||
font-size: px2rem(24, );
|
||||
left: 50%;
|
||||
top: px2rem(180, );
|
||||
transform: translateX(-50%);
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.upload {
|
||||
position: absolute;
|
||||
width: px2rem(232, );
|
||||
height: px2rem(144, );
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(28, );
|
||||
z-index: 2;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.but {
|
||||
width: px2rem(606, );
|
||||
height: px2rem(96, );
|
||||
line-height: px2rem(96, );
|
||||
border-radius: px2rem(96, );
|
||||
margin: 0 auto px2rem(48, );
|
||||
text-align: center;
|
||||
font-size: px2rem(32, );
|
||||
color: #FFFFFF;
|
||||
background: linear-gradient(90deg, #EEDCFF 0%, #DEE4FF 50%, #CCF8F9 100%);
|
||||
}
|
||||
.active{
|
||||
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
|
||||
}
|
||||
|
||||
.rule {
|
||||
width: px2rem(654, );
|
||||
margin: 0 auto px2rem(50, );
|
||||
color: #8A8CAB;
|
||||
font-size: px2rem(28, );
|
||||
|
||||
p {
|
||||
margin-bottom: px2rem(10, );
|
||||
line-height: 0.45rem;
|
||||
}
|
||||
}
|
||||
572
view/peko/modules/h5Income/css/withdrawal.css
Normal file
572
view/peko/modules/h5Income/css/withdrawal.css
Normal file
@@ -0,0 +1,572 @@
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
background: #F3F5FA;
|
||||
}
|
||||
|
||||
.back {
|
||||
position: fixed;
|
||||
z-index: 9;
|
||||
width: 0.7466666667rem;
|
||||
height: 0.7466666667rem;
|
||||
left: 0.5333333333rem;
|
||||
top: 0.2rem;
|
||||
}
|
||||
|
||||
.butBig {
|
||||
width: 8.08rem;
|
||||
height: 1.28rem;
|
||||
background: linear-gradient(90deg, #EEDCFF 0%, #DEE4FF 50%, #CCF8F9 100%);
|
||||
border-radius: 1.28rem;
|
||||
line-height: 1.28rem;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: 0.4266666667rem;
|
||||
margin: 0 auto 0.6666666667rem;
|
||||
}
|
||||
|
||||
.butBigActive {
|
||||
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
|
||||
}
|
||||
|
||||
.myInfo {
|
||||
width: 9.2rem;
|
||||
height: 1.8133333333rem;
|
||||
margin: 0.8rem auto 0.4266666667rem;
|
||||
}
|
||||
.myInfo img {
|
||||
display: block;
|
||||
width: 1.8133333333rem;
|
||||
height: 1.8133333333rem;
|
||||
border-radius: 50%;
|
||||
float: left;
|
||||
}
|
||||
.myInfo div {
|
||||
float: left;
|
||||
margin-left: 0.2933333333rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
.myInfo div p {
|
||||
color: #1F1B4F;
|
||||
font-size: 0.48rem;
|
||||
font-weight: bold;
|
||||
margin-bottom: 0.16rem;
|
||||
margin-top: 0.4rem;
|
||||
width: 6.5rem;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.myInfo div b {
|
||||
color: #8A8CAB;
|
||||
font-size: 0.32rem;
|
||||
}
|
||||
|
||||
.income {
|
||||
width: 9.1466666667rem;
|
||||
height: 2.88rem;
|
||||
background: url(../images/withdrawal/bg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto 0.1066666667rem;
|
||||
position: relative;
|
||||
}
|
||||
.income .rule {
|
||||
color: #9168FA;
|
||||
font-size: 0.32rem;
|
||||
position: absolute;
|
||||
right: 0.4266666667rem;
|
||||
top: 0.24rem;
|
||||
}
|
||||
.income img {
|
||||
width: 0.7466666667rem;
|
||||
height: 0.7466666667rem;
|
||||
position: absolute;
|
||||
left: 0.5333333333rem;
|
||||
top: 1.0666666667rem;
|
||||
}
|
||||
.income span {
|
||||
color: #FFFFFF;
|
||||
font-size: 0.3733333333rem;
|
||||
position: absolute;
|
||||
left: 0.5333333333rem;
|
||||
top: 0.4266666667rem;
|
||||
}
|
||||
.income p {
|
||||
color: #FFFFFF;
|
||||
font-size: 0.64rem;
|
||||
font-weight: bold;
|
||||
position: absolute;
|
||||
left: 1.3866666667rem;
|
||||
top: 1.1733333333rem;
|
||||
}
|
||||
|
||||
.account {
|
||||
width: 9.1466666667rem;
|
||||
height: 1.6rem;
|
||||
line-height: 1.6rem;
|
||||
background: #fff;
|
||||
border-radius: 0.2666666667rem;
|
||||
margin: 0 auto 0.4266666667rem;
|
||||
position: relative;
|
||||
}
|
||||
.account .icon_account {
|
||||
position: absolute;
|
||||
left: 0.5333333333rem;
|
||||
top: 0.5333333333rem;
|
||||
width: 0.5333333333rem;
|
||||
height: 0.5333333333rem;
|
||||
}
|
||||
.account .arrow_right {
|
||||
position: absolute;
|
||||
right: 0.5333333333rem;
|
||||
top: 0.5333333333rem;
|
||||
width: 0.5333333333rem;
|
||||
height: 0.5333333333rem;
|
||||
}
|
||||
.account div {
|
||||
height: 100%;
|
||||
color: #1F1B4F;
|
||||
font-size: 0.4266666667rem;
|
||||
font-weight: bold;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 1.2266666667rem;
|
||||
}
|
||||
.account span {
|
||||
height: 100%;
|
||||
color: #B3B3C3;
|
||||
font-size: 0.32rem;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 1.0666666667rem;
|
||||
}
|
||||
.account .active {
|
||||
color: #1F1B4F;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.withdrawal {
|
||||
width: 9.1466666667rem;
|
||||
height: 7.6266666667rem;
|
||||
margin: 0 auto 0.5333333333rem;
|
||||
background: #fff;
|
||||
border-radius: 0.2666666667rem;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
.withdrawal .gold {
|
||||
width: 0.5333333333rem;
|
||||
height: 0.5333333333rem;
|
||||
position: absolute;
|
||||
top: 0.5333333333rem;
|
||||
left: 0.5333333333rem;
|
||||
}
|
||||
.withdrawal .title {
|
||||
margin-top: 0.5333333333rem;
|
||||
margin-left: 1.2266666667rem;
|
||||
font-size: 0.4266666667rem;
|
||||
color: #1F1B4F;
|
||||
font-weight: bold;
|
||||
}
|
||||
.withdrawal input {
|
||||
background: transparent;
|
||||
border: none;
|
||||
outline: none;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.5333333333rem;
|
||||
width: 8.08rem;
|
||||
height: 1.28rem;
|
||||
margin: 0.4266666667rem auto 0.64rem;
|
||||
background: #F3F5FA;
|
||||
display: block;
|
||||
border-radius: 0.2133333333rem;
|
||||
}
|
||||
.withdrawal input::placeholder {
|
||||
font-size: 0.3733333333rem;
|
||||
color: #B3B3C3;
|
||||
}
|
||||
.withdrawal .withdrawalBox {
|
||||
width: 8.08rem;
|
||||
height: 1.28rem;
|
||||
position: absolute;
|
||||
left: 0.55rem;
|
||||
top: 1.3rem;
|
||||
}
|
||||
.withdrawal .numBox {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.5333333333rem;
|
||||
margin: 0 auto 0.7466666667rem;
|
||||
}
|
||||
.withdrawal .numBox span {
|
||||
color: #1F1B4F;
|
||||
font-size: 0.4266666667rem;
|
||||
}
|
||||
.withdrawal .numBox b {
|
||||
color: #B3B3C3;
|
||||
font-size: 0.3733333333rem;
|
||||
float: right;
|
||||
}
|
||||
.withdrawal .numBox .active {
|
||||
color: #9168FA;
|
||||
font-size: 0.4666666667rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
.withdrawal p {
|
||||
margin-bottom: 0.16rem;
|
||||
color: #8A8CAB;
|
||||
font-size: 0.32rem;
|
||||
display: block;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.5333333333rem;
|
||||
}
|
||||
.withdrawal p i {
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.accountPub {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
z-index: 99;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
display: none;
|
||||
}
|
||||
.accountPub .accountPub_in {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
border-radius: 0.7466666667rem 0.7466666667rem 0 0;
|
||||
background: #fff;
|
||||
overflow: hidden;
|
||||
height: 8.88rem;
|
||||
}
|
||||
.accountPub .accountPub_in h3 {
|
||||
height: 1.8133333333rem;
|
||||
line-height: 1.8133333333rem;
|
||||
border-bottom: 0.0133333333rem solid #EBEEF5;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #1F1B4F;
|
||||
font-size: 0.48rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
.accountPub .accountPub_in ul {
|
||||
width: 100%;
|
||||
height: 7rem;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
.accountPub .accountPub_in ul li {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #1F1B4F;
|
||||
font-size: 0.3733333333rem;
|
||||
height: 1.3866666667rem;
|
||||
line-height: 1.3866666667rem;
|
||||
border-bottom: 0.0133333333rem solid #EBEEF5;
|
||||
}
|
||||
.accountPub .accountPub_in ul .active {
|
||||
color: #9168FA;
|
||||
}
|
||||
|
||||
.goldPub {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
z-index: 99;
|
||||
display: none;
|
||||
}
|
||||
.goldPub .goldPub_in {
|
||||
width: 8.5066666667rem;
|
||||
height: 7.3066666667rem;
|
||||
background: #fff;
|
||||
border-radius: 0.5333333333rem;
|
||||
position: relative;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
.goldPub .goldPub_in .title {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 0.4266666667rem;
|
||||
font-weight: bold;
|
||||
color: #1F1B4F;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0.64rem;
|
||||
}
|
||||
.goldPub .goldPub_in .num {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #1F1B4F;
|
||||
text-align: center;
|
||||
top: 1.8666666667rem;
|
||||
left: 0;
|
||||
font-size: 0.7466666667rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
.goldPub .goldPub_in img {
|
||||
position: absolute;
|
||||
left: 3.2rem;
|
||||
top: 2.7333333333rem;
|
||||
width: 0.5333333333rem;
|
||||
height: 0.5333333333rem;
|
||||
}
|
||||
.goldPub .goldPub_in span {
|
||||
position: absolute;
|
||||
top: 2.8rem;
|
||||
left: 3.84rem;
|
||||
color: #1F1B4F;
|
||||
font-size: 0.3733333333rem;
|
||||
}
|
||||
.goldPub .goldPub_in input {
|
||||
width: 6.8rem;
|
||||
height: 1.28rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 3.6266666667rem;
|
||||
text-align: center;
|
||||
background: #F3F5FA;
|
||||
outline: none;
|
||||
border: none;
|
||||
border-radius: 0.2133333333rem;
|
||||
font-size: 0.3733333333rem;
|
||||
}
|
||||
.goldPub .goldPub_in .but {
|
||||
width: 7.0133333333rem;
|
||||
height: 1.2266666667rem;
|
||||
line-height: 1.2266666667rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 5.44rem;
|
||||
text-align: center;
|
||||
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
|
||||
border-radius: 1.2266666667rem;
|
||||
color: #FFFFFF;
|
||||
font-size: 0.4266666667rem;
|
||||
}
|
||||
|
||||
.withDrawalPub {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
z-index: 99;
|
||||
display: none;
|
||||
}
|
||||
.withDrawalPub .withDrawalPub_in {
|
||||
width: 8.5066666667rem;
|
||||
height: 5.8133333333rem;
|
||||
background: #fff;
|
||||
border-radius: 0.5333333333rem;
|
||||
position: relative;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
.withDrawalPub .withDrawalPub_in .title {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #1F1B4F;
|
||||
font-size: 0.4266666667rem;
|
||||
font-weight: bold;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0.64rem;
|
||||
}
|
||||
.withDrawalPub .withDrawalPub_in p {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #1F1B4F;
|
||||
font-size: 0.3733333333rem;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 1.8666666667rem;
|
||||
}
|
||||
.withDrawalPub .withDrawalPub_in p b {
|
||||
font-weight: bold;
|
||||
}
|
||||
.withDrawalPub .withDrawalPub_in span {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #1F1B4F;
|
||||
font-size: 0.3733333333rem;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 2.72rem;
|
||||
}
|
||||
.withDrawalPub .withDrawalPub_in span b {
|
||||
color: #9168FA;
|
||||
font-size: 0.4266666667rem;
|
||||
}
|
||||
.withDrawalPub .withDrawalPub_in .but {
|
||||
width: 7.0133333333rem;
|
||||
height: 1.2266666667rem;
|
||||
line-height: 1.2266666667rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 3.9466666667rem;
|
||||
text-align: center;
|
||||
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
|
||||
border-radius: 1.2266666667rem;
|
||||
color: #FFFFFF;
|
||||
font-size: 0.4266666667rem;
|
||||
}
|
||||
|
||||
.binding {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
z-index: 99;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
display: none;
|
||||
}
|
||||
.binding .pub_in {
|
||||
position: relative;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
background: #fff;
|
||||
border-radius: 0.5333333333rem;
|
||||
width: 8.5066666667rem;
|
||||
height: 4.96rem;
|
||||
}
|
||||
.binding .pub_in .title {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #1F1B4F;
|
||||
font-weight: bold;
|
||||
font-size: 0.4266666667rem;
|
||||
top: 0.64rem;
|
||||
left: 0;
|
||||
}
|
||||
.binding .pub_in p {
|
||||
color: #1F1B4F;
|
||||
font-size: 0.3733333333rem;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
left: 0;
|
||||
top: 1.7333333333rem;
|
||||
}
|
||||
.binding .pub_in p b {
|
||||
color: #9168FA;
|
||||
font-weight: bold;
|
||||
font-size: 0.4266666667rem;
|
||||
}
|
||||
.binding .pub_in .close {
|
||||
width: 3.3066666667rem;
|
||||
height: 1.1733333333rem;
|
||||
border-radius: 1.1733333333rem;
|
||||
line-height: 1.1733333333rem;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: 0.4266666667rem;
|
||||
background: #E6E6F0;
|
||||
position: absolute;
|
||||
left: 0.7466666667rem;
|
||||
bottom: 0.64rem;
|
||||
}
|
||||
.binding .pub_in .ok {
|
||||
width: 3.3066666667rem;
|
||||
height: 1.1733333333rem;
|
||||
border-radius: 1.1733333333rem;
|
||||
line-height: 1.1733333333rem;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: 0.4266666667rem;
|
||||
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
|
||||
position: absolute;
|
||||
right: 0.7466666667rem;
|
||||
bottom: 0.64rem;
|
||||
}
|
||||
|
||||
.switch {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
z-index: 99;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
display: none;
|
||||
}
|
||||
.switch .pub_in {
|
||||
position: relative;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
background: #fff;
|
||||
border-radius: 0.5333333333rem;
|
||||
width: 8.5066666667rem;
|
||||
height: 4.96rem;
|
||||
}
|
||||
.switch .pub_in .title {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #1F1B4F;
|
||||
font-weight: bold;
|
||||
font-size: 0.4266666667rem;
|
||||
top: 0.64rem;
|
||||
left: 0;
|
||||
}
|
||||
.switch .pub_in p {
|
||||
color: #1F1B4F;
|
||||
font-size: 0.3733333333rem;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
left: 0;
|
||||
top: 1.7333333333rem;
|
||||
}
|
||||
.switch .pub_in p b {
|
||||
color: #9168FA;
|
||||
font-weight: bold;
|
||||
font-size: 0.4266666667rem;
|
||||
}
|
||||
.switch .pub_in .close {
|
||||
width: 3.3066666667rem;
|
||||
height: 1.1733333333rem;
|
||||
border-radius: 1.1733333333rem;
|
||||
line-height: 1.1733333333rem;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: 0.4266666667rem;
|
||||
background: #E6E6F0;
|
||||
position: absolute;
|
||||
left: 0.7466666667rem;
|
||||
bottom: 0.64rem;
|
||||
}
|
||||
.switch .pub_in .ok {
|
||||
width: 3.3066666667rem;
|
||||
height: 1.1733333333rem;
|
||||
border-radius: 1.1733333333rem;
|
||||
line-height: 1.1733333333rem;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: 0.4266666667rem;
|
||||
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
|
||||
position: absolute;
|
||||
right: 0.7466666667rem;
|
||||
bottom: 0.64rem;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=withdrawal.css.map */
|
||||
633
view/peko/modules/h5Income/css/withdrawal.scss
Normal file
633
view/peko/modules/h5Income/css/withdrawal.scss
Normal file
@@ -0,0 +1,633 @@
|
||||
@function px2rem($px, $rem:75) {
|
||||
@return $px / $rem+rem;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
background: #F3F5FA;
|
||||
}
|
||||
|
||||
.back {
|
||||
position: fixed;
|
||||
z-index: 9;
|
||||
width: px2rem(56, );
|
||||
height: px2rem(56, );
|
||||
left: px2rem(40, );
|
||||
top: 0.2rem;
|
||||
// display: none;
|
||||
}
|
||||
|
||||
.butBig {
|
||||
width: px2rem(606, );
|
||||
height: px2rem(96, );
|
||||
background: linear-gradient(90deg, #EEDCFF 0%, #DEE4FF 50%, #CCF8F9 100%);
|
||||
border-radius: px2rem(96, );
|
||||
line-height: px2rem(96, );
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: px2rem(32, );
|
||||
margin: 0 auto px2rem(50, );
|
||||
}
|
||||
|
||||
.butBigActive {
|
||||
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
|
||||
;
|
||||
}
|
||||
|
||||
.myInfo {
|
||||
width: px2rem(690, );
|
||||
height: px2rem(136, );
|
||||
margin: px2rem(60, ) auto px2rem(32, );
|
||||
|
||||
img {
|
||||
display: block;
|
||||
width: px2rem(136, );
|
||||
height: px2rem(136, );
|
||||
border-radius: 50%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
div {
|
||||
float: left;
|
||||
margin-left: px2rem(22, );
|
||||
overflow: hidden;
|
||||
|
||||
p {
|
||||
color: #1F1B4F;
|
||||
font-size: px2rem(36, );
|
||||
font-weight: bold;
|
||||
margin-bottom: px2rem(12, );
|
||||
margin-top: px2rem(30, );
|
||||
width: 6.5rem;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
b {
|
||||
color: #8A8CAB;
|
||||
font-size: px2rem(24, );
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.income {
|
||||
width: px2rem(686, );
|
||||
height: px2rem(216, );
|
||||
background: url(../images/withdrawal/bg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto px2rem(8, );
|
||||
position: relative;
|
||||
|
||||
.rule {
|
||||
color: #9168FA;
|
||||
font-size: px2rem(24, );
|
||||
position: absolute;
|
||||
right: px2rem(32, );
|
||||
top: px2rem(18, );
|
||||
}
|
||||
|
||||
img {
|
||||
width: px2rem(56, );
|
||||
height: px2rem(56, );
|
||||
position: absolute;
|
||||
left: px2rem(40, );
|
||||
top: px2rem(80, );
|
||||
|
||||
}
|
||||
|
||||
span {
|
||||
color: #FFFFFF;
|
||||
font-size: px2rem(28, );
|
||||
position: absolute;
|
||||
left: px2rem(40, );
|
||||
top: px2rem(32, );
|
||||
}
|
||||
|
||||
p {
|
||||
color: #FFFFFF;
|
||||
font-size: px2rem(48, );
|
||||
font-weight: bold;
|
||||
position: absolute;
|
||||
left: px2rem(104, );
|
||||
top: px2rem(88, );
|
||||
}
|
||||
}
|
||||
|
||||
.account {
|
||||
width: px2rem(686, );
|
||||
height: px2rem(120, );
|
||||
line-height: px2rem(120, );
|
||||
background: #fff;
|
||||
border-radius: px2rem(20, );
|
||||
margin: 0 auto px2rem(32, );
|
||||
position: relative;
|
||||
|
||||
.icon_account {
|
||||
position: absolute;
|
||||
left: px2rem(40, );
|
||||
top: px2rem(40, );
|
||||
width: px2rem(40, );
|
||||
height: px2rem(40, );
|
||||
}
|
||||
|
||||
.arrow_right {
|
||||
position: absolute;
|
||||
right: px2rem(40, );
|
||||
top: px2rem(40, );
|
||||
width: px2rem(40, );
|
||||
height: px2rem(40, );
|
||||
}
|
||||
|
||||
div {
|
||||
height: 100%;
|
||||
color: #1F1B4F;
|
||||
font-size: px2rem(32, );
|
||||
font-weight: bold;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: px2rem(92, );
|
||||
}
|
||||
|
||||
span {
|
||||
height: 100%;
|
||||
color: #B3B3C3;
|
||||
font-size: px2rem(24, );
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: px2rem(80, );
|
||||
}
|
||||
|
||||
.active {
|
||||
color: #1F1B4F;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
.withdrawal {
|
||||
width: px2rem(686, );
|
||||
height: px2rem(572, );
|
||||
margin: 0 auto px2rem(40, );
|
||||
background: #fff;
|
||||
border-radius: px2rem(20, );
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
|
||||
.gold {
|
||||
width: px2rem(40, );
|
||||
height: px2rem(40, );
|
||||
position: absolute;
|
||||
top: px2rem(40, );
|
||||
left: px2rem(40, );
|
||||
}
|
||||
|
||||
.title {
|
||||
margin-top: px2rem(40, );
|
||||
margin-left: px2rem(92, );
|
||||
font-size: px2rem(32, );
|
||||
color: #1F1B4F;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
input {
|
||||
background: transparent;
|
||||
border: none;
|
||||
outline: none;
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(40, );
|
||||
width: px2rem(606, );
|
||||
height: px2rem(96, );
|
||||
margin: px2rem(32, ) auto px2rem(48, );
|
||||
background: #F3F5FA;
|
||||
display: block;
|
||||
border-radius: px2rem(16, );
|
||||
|
||||
&::placeholder {
|
||||
font-size: px2rem(28, );
|
||||
color: #B3B3C3;
|
||||
}
|
||||
}
|
||||
|
||||
.withdrawalBox {
|
||||
width: px2rem(606, );
|
||||
height: px2rem(96, );
|
||||
position: absolute;
|
||||
left: 0.55rem;
|
||||
top: 1.3rem;
|
||||
}
|
||||
|
||||
.numBox {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(40, );
|
||||
margin: 0 auto px2rem(56, );
|
||||
|
||||
span {
|
||||
color: #1F1B4F;
|
||||
font-size: px2rem(32, );
|
||||
// float: left;
|
||||
}
|
||||
|
||||
b {
|
||||
color: #B3B3C3;
|
||||
font-size: px2rem(28, );
|
||||
float: right;
|
||||
}
|
||||
|
||||
.active {
|
||||
color: #9168FA;
|
||||
font-size: px2rem(35, );
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
margin-bottom: px2rem(12, );
|
||||
color: #8A8CAB;
|
||||
font-size: px2rem(24, );
|
||||
display: block;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(40, );
|
||||
|
||||
i {
|
||||
font-style: normal;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.accountPub {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
z-index: 99;
|
||||
background: rgba(0, 0, 0, .6);
|
||||
display: none;
|
||||
|
||||
.accountPub_in {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
border-radius: px2rem(56, ) px2rem(56, ) 0 0;
|
||||
background: #fff;
|
||||
overflow: hidden;
|
||||
height: px2rem(666, );
|
||||
|
||||
h3 {
|
||||
height: px2rem(136, );
|
||||
line-height: px2rem(136, );
|
||||
border-bottom: px2rem(1, ) solid #EBEEF5;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #1F1B4F;
|
||||
font-size: px2rem(36, );
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
ul {
|
||||
width: 100%;
|
||||
height: 7rem;
|
||||
overflow-y: scroll;
|
||||
|
||||
li {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #1F1B4F;
|
||||
font-size: px2rem(28, );
|
||||
height: px2rem(104, );
|
||||
line-height: px2rem(104, );
|
||||
border-bottom: px2rem(1, ) solid #EBEEF5;
|
||||
}
|
||||
|
||||
.active {
|
||||
color: #9168FA;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.goldPub {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: rgba(0, 0, 0, .6);
|
||||
z-index: 99;
|
||||
display: none;
|
||||
|
||||
.goldPub_in {
|
||||
width: px2rem(638, );
|
||||
height: px2rem(548, );
|
||||
background: #fff;
|
||||
border-radius: px2rem(40, );
|
||||
position: relative;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
|
||||
.title {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: px2rem(32, );
|
||||
font-weight: bold;
|
||||
color: #1F1B4F;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: px2rem(48, );
|
||||
}
|
||||
|
||||
.num {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #1F1B4F;
|
||||
text-align: center;
|
||||
top: px2rem(140, );
|
||||
left: 0;
|
||||
font-size: px2rem(56, );
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
img {
|
||||
position: absolute;
|
||||
left: px2rem(240, );
|
||||
top: px2rem(205, );
|
||||
width: px2rem(40, );
|
||||
height: px2rem(40, );
|
||||
}
|
||||
|
||||
span {
|
||||
position: absolute;
|
||||
top: px2rem(210, );
|
||||
left: px2rem(288, );
|
||||
color: #1F1B4F;
|
||||
font-size: px2rem(28, );
|
||||
}
|
||||
|
||||
input {
|
||||
width: px2rem(510, );
|
||||
height: px2rem(96, );
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(272, );
|
||||
text-align: center;
|
||||
background: #F3F5FA;
|
||||
outline: none;
|
||||
border: none;
|
||||
border-radius: px2rem(16, );
|
||||
font-size: px2rem(28, );
|
||||
}
|
||||
|
||||
.but {
|
||||
width: px2rem(526, );
|
||||
height: px2rem(92, );
|
||||
line-height: px2rem(92, );
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(408, );
|
||||
text-align: center;
|
||||
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
|
||||
border-radius: px2rem(92, );
|
||||
color: #FFFFFF;
|
||||
font-size: px2rem(32, );
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.withDrawalPub {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: rgba(0, 0, 0, .6);
|
||||
z-index: 99;
|
||||
display: none;
|
||||
|
||||
.withDrawalPub_in {
|
||||
width: px2rem(638, );
|
||||
height: px2rem(436, );
|
||||
background: #fff;
|
||||
border-radius: px2rem(40, );
|
||||
position: relative;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
|
||||
.title {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #1F1B4F;
|
||||
font-size: px2rem(32, );
|
||||
font-weight: bold;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: px2rem(48, );
|
||||
}
|
||||
|
||||
p {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #1F1B4F;
|
||||
font-size: px2rem(28, );
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: px2rem(140, );
|
||||
|
||||
b {
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
span {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #1F1B4F;
|
||||
font-size: px2rem(28, );
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: px2rem(204, );
|
||||
|
||||
b {
|
||||
color: #9168FA;
|
||||
font-size: px2rem(32, );
|
||||
}
|
||||
}
|
||||
|
||||
.but {
|
||||
width: px2rem(526, );
|
||||
height: px2rem(92, );
|
||||
line-height: px2rem(92, );
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(296, );
|
||||
text-align: center;
|
||||
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
|
||||
border-radius: px2rem(92, );
|
||||
color: #FFFFFF;
|
||||
font-size: px2rem(32, );
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.binding {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
z-index: 99;
|
||||
background: rgba(0, 0, 0, .6);
|
||||
display: none;
|
||||
|
||||
.pub_in {
|
||||
position: relative;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
background: #fff;
|
||||
border-radius: px2rem(40, );
|
||||
width: px2rem(638, );
|
||||
height: px2rem(372, );
|
||||
|
||||
.title {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #1F1B4F;
|
||||
font-weight: bold;
|
||||
font-size: px2rem(32, );
|
||||
top: px2rem(48, );
|
||||
left: 0;
|
||||
}
|
||||
|
||||
p {
|
||||
color: #1F1B4F;
|
||||
font-size: px2rem(28, );
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
left: 0;
|
||||
top: px2rem(130, );
|
||||
|
||||
b {
|
||||
color: #9168FA;
|
||||
font-weight: bold;
|
||||
font-size: px2rem(32, );
|
||||
}
|
||||
}
|
||||
|
||||
.close {
|
||||
width: px2rem(248, );
|
||||
height: px2rem(88, );
|
||||
border-radius: px2rem(88, );
|
||||
line-height: px2rem(88, );
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: px2rem(32, );
|
||||
background: #E6E6F0;
|
||||
position: absolute;
|
||||
left: px2rem(56, );
|
||||
bottom: px2rem(48, );
|
||||
}
|
||||
|
||||
.ok {
|
||||
width: px2rem(248, );
|
||||
height: px2rem(88, );
|
||||
border-radius: px2rem(88, );
|
||||
line-height: px2rem(88, );
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: px2rem(32, );
|
||||
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
|
||||
position: absolute;
|
||||
right: px2rem(56, );
|
||||
bottom: px2rem(48, );
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.switch {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
z-index: 99;
|
||||
background: rgba(0, 0, 0, .6);
|
||||
display: none;
|
||||
|
||||
.pub_in {
|
||||
position: relative;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
background: #fff;
|
||||
border-radius: px2rem(40, );
|
||||
width: px2rem(638, );
|
||||
height: px2rem(372, );
|
||||
|
||||
.title {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #1F1B4F;
|
||||
font-weight: bold;
|
||||
font-size: px2rem(32, );
|
||||
top: px2rem(48, );
|
||||
left: 0;
|
||||
}
|
||||
|
||||
p {
|
||||
color: #1F1B4F;
|
||||
font-size: px2rem(28, );
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
left: 0;
|
||||
top: px2rem(130, );
|
||||
|
||||
b {
|
||||
color: #9168FA;
|
||||
font-weight: bold;
|
||||
font-size: px2rem(32, );
|
||||
}
|
||||
}
|
||||
|
||||
.close {
|
||||
width: px2rem(248, );
|
||||
height: px2rem(88, );
|
||||
border-radius: px2rem(88, );
|
||||
line-height: px2rem(88, );
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: px2rem(32, );
|
||||
background: #E6E6F0;
|
||||
position: absolute;
|
||||
left: px2rem(56, );
|
||||
bottom: px2rem(48, );
|
||||
}
|
||||
|
||||
.ok {
|
||||
width: px2rem(248, );
|
||||
height: px2rem(88, );
|
||||
border-radius: px2rem(88, );
|
||||
line-height: px2rem(88, );
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: px2rem(32, );
|
||||
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
|
||||
position: absolute;
|
||||
right: px2rem(56, );
|
||||
bottom: px2rem(48, );
|
||||
}
|
||||
}
|
||||
}
|
||||
46
view/peko/modules/h5Income/exchangeGold.html
Normal file
46
view/peko/modules/h5Income/exchangeGold.html
Normal file
@@ -0,0 +1,46 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta name="viewport"
|
||||
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<title>我的收益</title>
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<link rel="stylesheet" href="./css/exchangeGold.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- 返回 -->
|
||||
<img src="./images/back.png" alt="" class="back">
|
||||
<!-- 兌換信息 -->
|
||||
<div class="box">
|
||||
<div class="golds">我的金幣：0</div>
|
||||
<div class="diamonds">我的鉆石：0</div>
|
||||
<input type="number" placeholder="0" class="num">
|
||||
<input type="number" disabled placeholder="0" class="num2">
|
||||
</div>
|
||||
<!-- 確認兌換 -->
|
||||
<div class="but">確認兌換</div>
|
||||
<!-- 二次確認彈窗 -->
|
||||
<div class="pub">
|
||||
<div class="pub_in">
|
||||
<div class="title">確認兌換</div>
|
||||
<p>確認獎 <b class="gold">0</b> 金幣兌換為 <b class="diamond">0</b> 鉆石嗎？</p>
|
||||
<div class="close">取消</div>
|
||||
<div class="ok">確認</div>
|
||||
</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="../../common/js/route-constant.js"></script>
|
||||
<script src="../../common/js/svga.min.js"></script>
|
||||
<script src="./js/exchangeGold.js"></script>
|
||||
BIN
view/peko/modules/h5Income/images/back.png
Normal file
BIN
view/peko/modules/h5Income/images/back.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 473 B |
BIN
view/peko/modules/h5Income/images/chainBank/documents_front.png
Normal file
BIN
view/peko/modules/h5Income/images/chainBank/documents_front.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 679 B |
BIN
view/peko/modules/h5Income/images/chainBank/icon_camera.png
Normal file
BIN
view/peko/modules/h5Income/images/chainBank/icon_camera.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
view/peko/modules/h5Income/images/exchangeGold/bg.png
Normal file
BIN
view/peko/modules/h5Income/images/exchangeGold/bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.2 KiB |
BIN
view/peko/modules/h5Income/images/index/diamondBg.png
Normal file
BIN
view/peko/modules/h5Income/images/index/diamondBg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 38 KiB |
BIN
view/peko/modules/h5Income/images/index/diamondIcon.png
Normal file
BIN
view/peko/modules/h5Income/images/index/diamondIcon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
BIN
view/peko/modules/h5Income/images/index/goldBg.png
Normal file
BIN
view/peko/modules/h5Income/images/index/goldBg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 31 KiB |
BIN
view/peko/modules/h5Income/images/index/goldIcon.png
Normal file
BIN
view/peko/modules/h5Income/images/index/goldIcon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
BIN
view/peko/modules/h5Income/images/index/moreD.png
Normal file
BIN
view/peko/modules/h5Income/images/index/moreD.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 315 B |
BIN
view/peko/modules/h5Income/images/index/moreG.png
Normal file
BIN
view/peko/modules/h5Income/images/index/moreG.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 320 B |
BIN
view/peko/modules/h5Income/images/login/bg.png
Normal file
BIN
view/peko/modules/h5Income/images/login/bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 92 KiB |
BIN
view/peko/modules/h5Income/images/login/logo.png
Normal file
BIN
view/peko/modules/h5Income/images/login/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
view/peko/modules/h5Income/images/login/more.png
Normal file
BIN
view/peko/modules/h5Income/images/login/more.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 175 B |
BIN
view/peko/modules/h5Income/images/withdrawal/arrow_right.png
Normal file
BIN
view/peko/modules/h5Income/images/withdrawal/arrow_right.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 355 B |
BIN
view/peko/modules/h5Income/images/withdrawal/bg.png
Normal file
BIN
view/peko/modules/h5Income/images/withdrawal/bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
BIN
view/peko/modules/h5Income/images/withdrawal/gold.png
Normal file
BIN
view/peko/modules/h5Income/images/withdrawal/gold.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
BIN
view/peko/modules/h5Income/images/withdrawal/icon_account.png
Normal file
BIN
view/peko/modules/h5Income/images/withdrawal/icon_account.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 232 B |
BIN
view/peko/modules/h5Income/images/withdrawal/icon_mone.png
Normal file
BIN
view/peko/modules/h5Income/images/withdrawal/icon_mone.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 803 B |
60
view/peko/modules/h5Income/index.html
Normal file
60
view/peko/modules/h5Income/index.html
Normal file
@@ -0,0 +1,60 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta name="viewport"
|
||||
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<title>我的收益</title>
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<link rel="stylesheet" href="./css/index.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- 返回 -->
|
||||
<img src="./images/back.png" alt="" class="back">
|
||||
<!-- 我的基本信息 -->
|
||||
<div class="myInfo">
|
||||
<img src="./images/login/logo.png" alt="">
|
||||
<div>
|
||||
<p>Peko</p>
|
||||
<b>ID:</b>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 鉆石 -->
|
||||
<div class="diamond">
|
||||
<img src="./images/index/diamondIcon.png" alt="" class="diamondIcon">
|
||||
<!-- <img src="./images/index/moreD.png" alt="" class="moreD"> -->
|
||||
<span>鉆石</span>
|
||||
<!-- <b>明細</b> -->
|
||||
<p>0</p>
|
||||
</div>
|
||||
<!-- 金幣 -->
|
||||
<div class="gold">
|
||||
<img src="./images/index/goldIcon.png" alt="" class="goldIcon">
|
||||
<span>金幣</span>
|
||||
<a href="../myincome/index.html#/GoldLog">
|
||||
<b>明細</b>
|
||||
<img src="./images/index/moreG.png" alt="" class="moreG">
|
||||
</a>
|
||||
<p>0</p>
|
||||
<a href="./exchangeGold.html">
|
||||
<div class="exchangeGold">兌換鉆石</div>
|
||||
</a>
|
||||
<a href="./withdrawal.html">
|
||||
<div class="withdrawal">提領</div>
|
||||
</a>
|
||||
</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="../../common/js/route-constant.js"></script>
|
||||
<script src="../../common/js/svga.min.js"></script>
|
||||
<script src="./js/index.js?v=1.0"></script>
|
||||
190
view/peko/modules/h5Income/js/chainBank.js
Normal file
190
view/peko/modules/h5Income/js/chainBank.js
Normal file
@@ -0,0 +1,190 @@
|
||||
let urlPrefix = getUrlPrefix()
|
||||
let browser = checkVersion()
|
||||
var url = getQueryString();
|
||||
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()
|
||||
if (browser.app) {
|
||||
$('.back').hide();
|
||||
}
|
||||
setTimeout(function () {
|
||||
}, 100)
|
||||
})
|
||||
})
|
||||
// 返回按钮
|
||||
$('.back').click(function () {
|
||||
window.history.go(-1)
|
||||
})
|
||||
function fileChangeZ (e) {
|
||||
var filesList = document.querySelector('#frontImageUpload').files;
|
||||
if (filesList.length == 0) {
|
||||
return;
|
||||
}
|
||||
getUploadToken(1)
|
||||
}
|
||||
function fileChangeF (e) {
|
||||
var filesList = document.querySelector('#backImageUpload').files;
|
||||
if (filesList.length == 0) {
|
||||
return;
|
||||
}
|
||||
getUploadToken(2)
|
||||
}
|
||||
// 上传身份证接口
|
||||
function getUploadToken (type) {
|
||||
const frontImage = document.getElementById('frontImageUpload').files[0];
|
||||
const backImage = document.getElementById('backImageUpload').files[0];
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'GET',
|
||||
url: urlPrefix + '/qiniu/upload/getUploadToken',
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
var frontImageKey = res.data.key;
|
||||
var frontImageToken = res.data.token;
|
||||
showLoading()
|
||||
const observable = qiniu.upload(
|
||||
type == 1 ? frontImage : backImage,
|
||||
frontImageKey,
|
||||
frontImageToken
|
||||
);
|
||||
observable.subscribe({
|
||||
complete: (res) => {
|
||||
console.log(res);
|
||||
if (type == 1) {
|
||||
$('.box3 .idBox .z .documents').attr('src', res.path);
|
||||
} else {
|
||||
$('.box3 .idBox .f .documents').attr('src', res.path);
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
toastMsg("上傳成功")
|
||||
|
||||
},
|
||||
});
|
||||
} else if (res.code ? res.code == 401 : JSON.parse(res).code == 401) {
|
||||
window.location.href = './login.html'
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
// hideLoading(layerIndex)
|
||||
},
|
||||
error (err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤，請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
// 确认绑定按钮
|
||||
$('.but').click(function () {
|
||||
if (listenFun()) {
|
||||
var filesList = document.querySelector('#frontImageUpload').files;
|
||||
var backImageUpload = document.querySelector('#backImageUpload').files;
|
||||
if (filesList.length == 0 || backImageUpload.length == 0) {
|
||||
toastMsg('請上傳身份證照片')
|
||||
return;
|
||||
}
|
||||
}
|
||||
})
|
||||
//监听是否完善信息
|
||||
function listenFun () {
|
||||
var num1 = $(".box1 div .name").val();
|
||||
var num2 = $(".box1 div .card").val();
|
||||
var num3 = $(".box2 div .bankCard").val();
|
||||
var num4 = $(".box2 div .phone").val();
|
||||
var num5 = $(".box2 div .address").val();
|
||||
if (num1 != '' && num2 != '' && num3 != '' && num4 != '' && num5 != '') {
|
||||
$('.but').addClass('active');
|
||||
return true;
|
||||
} else {
|
||||
$('.but').removeClass('active');
|
||||
return false;
|
||||
}
|
||||
}
|
||||
// 监听所有输入框输入
|
||||
$(".box1 div .name,.box1 div .card,.box2 div .bankCard,.box2 div .phone,.box2 div .address").on("keyup", function () {
|
||||
listenFun()
|
||||
});
|
||||
//
|
||||
// 保存绑定
|
||||
function withdrawUserAccount (name, idCardNo, accountNo, contact, thirdAccountNo, address, frontPhoto, backPhoto) {
|
||||
var obj = {
|
||||
uid: pubInfo.uid,
|
||||
accountType: url.accountType,
|
||||
name,
|
||||
idCardNo,
|
||||
accountNo,
|
||||
contact,
|
||||
thirdAccountNo,
|
||||
address,
|
||||
frontPhoto,
|
||||
backPhoto,
|
||||
};
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'POST',
|
||||
url: urlPrefix + '/withdrawUserAccount/save',
|
||||
contentType: 'application/json',
|
||||
data: JSON.stringify(obj),
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
toastMsg('保存成功')
|
||||
setTimeout(function () {
|
||||
window.location.href = './withdrawal.html'
|
||||
}, 500)
|
||||
} else if (res.code ? res.code == 401 : JSON.parse(res).code == 401) {
|
||||
window.location.href = './login.html'
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error (err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤，請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
$('.but').click(function () {
|
||||
var frontImageUpload = document.querySelector('#frontImageUpload').files;
|
||||
var backImageUpload = document.querySelector('#backImageUpload').files;
|
||||
if (listenFun()) {
|
||||
if (frontImageUpload.length == 0 || backImageUpload.length == 0) {
|
||||
toastMsg('請上傳身份證');
|
||||
return;
|
||||
}
|
||||
withdrawUserAccount($('.box1 div .name').val(),
|
||||
$('.box1 div .card').val(),
|
||||
$('.box2 div .bankCard').val(),
|
||||
$('.box2 div .phone').val(),
|
||||
$('.box2 div .alipay').val(),
|
||||
$('.box2 div .address').val(),
|
||||
$('.box3 .idBox .z .documents').attr('src'),
|
||||
$('.box3 .idBox .f .documents').attr('src'));
|
||||
}
|
||||
})
|
||||
1
view/peko/modules/h5Income/js/des.js
Normal file
1
view/peko/modules/h5Income/js/des.js
Normal file
File diff suppressed because one or more lines are too long
123
view/peko/modules/h5Income/js/exchangeGold.js
Normal file
123
view/peko/modules/h5Income/js/exchangeGold.js
Normal file
@@ -0,0 +1,123 @@
|
||||
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'
|
||||
})
|
||||
}
|
||||
var rate;//轉換比例
|
||||
var minDiamonds;//最少兌換鉆石
|
||||
var maxDiamonds;//最多兌換鉆石
|
||||
$(function () {
|
||||
setTimeout(function () {
|
||||
getInfoFromClient()
|
||||
if (browser.app) {
|
||||
$('.back').hide();
|
||||
}
|
||||
setTimeout(function () {
|
||||
getConfig();
|
||||
}, 100)
|
||||
})
|
||||
})
|
||||
// 鉆石金幣接口
|
||||
function getConfig () {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'GET',
|
||||
url: urlPrefix + '/goldExchangeDiamond/getConfig',
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
rate = res.data.rate;
|
||||
maxDiamonds = res.data.maxDiamonds;
|
||||
minDiamonds = res.data.minDiamonds;
|
||||
$('.box .golds').text('我的金幣：' + res.data.golds);
|
||||
$('.box .diamonds').text('我的鉆石：' + res.data.diamonds);
|
||||
} else if (res.code ? res.code == 401 : JSON.parse(res).code == 401) {
|
||||
window.location.href = './login.html'
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error (err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤，請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
// 確認兌換接口
|
||||
function exchange () {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'POST',
|
||||
url: urlPrefix + '/goldExchangeDiamond/exchange',
|
||||
data: { currency: 1, diamondNum: Number($('.box .num2').val()), goldNum: Number($('.box .num').val()) },
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
$('.pub').hide();
|
||||
getConfig();
|
||||
toastMsg('兌換成功')
|
||||
} else if (res.code ? res.code == 401 : JSON.parse(res).code == 401) {
|
||||
window.location.href = './login.html'
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error (err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤，請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
// 返回按鈕
|
||||
$('.back').click(function () {
|
||||
window.history.go(-1)
|
||||
})
|
||||
// 監聽輸入
|
||||
$(".box .num").on("keyup", function () {
|
||||
var val = $(this).val();
|
||||
$('.box .num2').val(val * rate);
|
||||
});
|
||||
// 打開二次彈窗
|
||||
$('.but').click(function () {
|
||||
var num = Number($('.box .num2').val());
|
||||
if (num < minDiamonds) {
|
||||
toastMsg(`至少需要兌換${minDiamonds}鉆石`)
|
||||
} else if (num > maxDiamonds) {
|
||||
toastMsg(`兌換鉆石不能超過${maxDiamonds}鉆石`)
|
||||
} else {
|
||||
$('.pub .pub_in p .gold').text($('.box .num').val());
|
||||
$('.pub .pub_in p .diamond').text($('.box .num2').val());
|
||||
$('.pub').show();
|
||||
}
|
||||
})
|
||||
// 確認兌換
|
||||
$('.pub .pub_in .ok').click(function () {
|
||||
exchange();
|
||||
})
|
||||
// 取消兌換
|
||||
$('.pub .pub_in .close').click(function () {
|
||||
$('.pub').hide();
|
||||
})
|
||||
106
view/peko/modules/h5Income/js/index.js
Normal file
106
view/peko/modules/h5Income/js/index.js
Normal file
@@ -0,0 +1,106 @@
|
||||
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()
|
||||
if (browser.app) {
|
||||
$('.back').hide();
|
||||
}
|
||||
setTimeout(function () {
|
||||
getQueryWithRoomType();
|
||||
getUser();
|
||||
}, 100)
|
||||
})
|
||||
})
|
||||
// 鉆石金幣接口
|
||||
function getQueryWithRoomType () {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'GET',
|
||||
url: urlPrefix + '/purse/queryWithRoomType',
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
$('.diamond p').text(res.data.diamonds);
|
||||
$('.gold p').text(res.data.golds);
|
||||
} else if (res.code ? res.code == 401 : JSON.parse(res).code == 401) {
|
||||
window.location.href = './login.html'
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error (err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤，請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
// 基本信息接口
|
||||
function getUser () {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'GET',
|
||||
url: urlPrefix + '/user/get',
|
||||
data: { uid: pubInfo.uid },
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
$('.myInfo img').attr('src', res.data.avatar);
|
||||
$('.myInfo div p').text(res.data.nick);
|
||||
$('.myInfo div b').text("ID:" + res.data.erbanNo);
|
||||
} else if (res.code ? res.code == 401 : JSON.parse(res).code == 401) {
|
||||
window.location.href = './login.html'
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error (err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤，請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
// 返回按鈕
|
||||
$('.back').click(function () {
|
||||
window.history.go(-1)
|
||||
})
|
||||
|
||||
//返回页面 重新请求接口
|
||||
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);
|
||||
258
view/peko/modules/h5Income/js/login.js
Normal file
258
view/peko/modules/h5Income/js/login.js
Normal file
@@ -0,0 +1,258 @@
|
||||
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'
|
||||
})
|
||||
}
|
||||
var idOrPhone = true;//判斷id登入或手機號登入
|
||||
var times = 0;//倒計時計時器
|
||||
var isClick = true;//判斷是否再次獲取驗證碼
|
||||
var token;
|
||||
$(function () {
|
||||
setTimeout(function () {
|
||||
getInfoFromClient()
|
||||
setTimeout(function () {
|
||||
getAreaInfo();
|
||||
}, 100)
|
||||
})
|
||||
})
|
||||
|
||||
// 獲取驗證碼接口
|
||||
function getCode () {
|
||||
var mobileDes = encryptDes(`${$('.box .phone .phoneNumberBox .prefix b').text()}${$('.box .phone .phoneNumberBox .phoneNumber').val()}`, '1ea53d260ecf11e7b56e00163e046a26');
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'POST',
|
||||
url: urlPrefix + '/sms/getCode',
|
||||
headers: { "pub_uid": "0" },
|
||||
data: { mobile: mobileDes, phoneAreaCode: $('.box .phone .phoneNumberBox .prefix b').text(), type: 2 },
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
toastMsg(res.message);
|
||||
$('.box .phone .codeBox .codeBut').addClass('codeButTime')
|
||||
timerFun()
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error (err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤，請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
// ticket接口
|
||||
function ticket () {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'POST',
|
||||
url: urlPrefix + '/oauth/ticket',
|
||||
data: { issue_type: "multi", access_token: token },
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
sessionStorage.setItem("uid", res.data.uid);
|
||||
sessionStorage.setItem("ticket", res.data.tickets[0].ticket);
|
||||
window.location.href = './index.html'
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error (err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤，請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
// 登入接口
|
||||
function oauthToken () {
|
||||
if (idOrPhone) {
|
||||
var phone = encryptDes($('.box .idLogin .id').val(), '1ea53d260ecf11e7b56e00163e046a26');
|
||||
var password = encryptDes($('.box .idLogin .password').val(), '1ea53d260ecf11e7b56e00163e046a26');
|
||||
} else {
|
||||
var phone = $('.box .phone .phoneNumberBox .phoneNumber').val();
|
||||
var code = $('.box .phone .codeBox .code').val();
|
||||
var phoneAreaCode = $('.box .phone .phoneNumberBox .prefix b').text();
|
||||
}
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'POST',
|
||||
url: urlPrefix + '/oauth/h5/token',
|
||||
data: idOrPhone ? {
|
||||
"grant_type": "password", phone, password,
|
||||
} :
|
||||
{ grant_type: 'verify_code', phoneAreaCode, phone:`${phoneAreaCode}${phone}`, code,},
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
token = res.data.access_token;
|
||||
// ticket();
|
||||
sessionStorage.setItem("uid", res.data.uid);
|
||||
sessionStorage.setItem("ticket", token);
|
||||
window.location.href = './index.html'
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error (err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤，請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
// 區號接口
|
||||
function getAreaInfo () {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'GEt',
|
||||
url: urlPrefix + '/areaInfo/list',
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
var str = '';
|
||||
res.data.forEach((res, i) => {
|
||||
str += `
|
||||
|
||||
<span>${res.name} +${res.phoneAreaCode}</span>
|
||||
`
|
||||
});
|
||||
$('.area .box .list').append(str);
|
||||
$('.area .box .list span').click(function () {
|
||||
$('.box .phone .phoneNumberBox .prefix b').text($(this).text().replace(/[^0-9]/gi, ''));
|
||||
$(this).addClass('active').siblings().removeClass('active');
|
||||
})
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error (err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤，請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
// 點擊獲取驗證碼
|
||||
$('.box .phone .codeBox .codeBut').click(function () {
|
||||
var val = $('.box .phone .phoneNumberBox .phoneNumber').val();
|
||||
if (val == '') {
|
||||
toastMsg('請輸入手機號')
|
||||
return
|
||||
}
|
||||
if (isClick) {
|
||||
getCode()
|
||||
}
|
||||
|
||||
})
|
||||
// 倒計時
|
||||
function timerFun () {
|
||||
isClick = false;
|
||||
times = 59;
|
||||
// 開啟定時器
|
||||
var timer = setInterval(function () {
|
||||
// 判斷剩余秒數
|
||||
if (times == 0) {
|
||||
// 清除定時器和復原按鈕
|
||||
clearInterval(timer);
|
||||
$('.box .phone .codeBox .codeBut').text('獲取驗證碼');
|
||||
$('.box .phone .codeBox .codeBut').removeClass('codeButTime')
|
||||
isClick = true;
|
||||
} else {
|
||||
$('.box .phone .codeBox .codeBut').text(`${times}秒`);
|
||||
times--;
|
||||
}
|
||||
}, 1000);
|
||||
}
|
||||
// 切換登入方式按鈕
|
||||
$('.box .hone').click(function () {
|
||||
idOrPhone = !idOrPhone;
|
||||
$('.box .phone .phoneNumberBox .phoneNumber,.box .phone .codeBox .code,.box .idLogin .id,.box .idLogin .password').val('');
|
||||
$('.box .but').removeClass('butok');
|
||||
if (idOrPhone) {
|
||||
$('.idLogin').show();
|
||||
$('.phone').hide();
|
||||
$('.box .hone').text('Peko手機號登錄');
|
||||
} else {
|
||||
$('.phone').show();
|
||||
$('.idLogin').hide();
|
||||
$('.box .hone').text('Peko賬號登錄');
|
||||
}
|
||||
})
|
||||
// 打開選擇區號
|
||||
$('.box .phone .phoneNumberBox .prefix').click(function () {
|
||||
$('.area').show();
|
||||
return false;
|
||||
})
|
||||
// 關閉選擇區號
|
||||
$('.area').click(function () {
|
||||
$('.area').hide();
|
||||
return false;
|
||||
})
|
||||
//監聽是否可以登入函數
|
||||
function phoneFun () {
|
||||
var num1 = $(".box .idLogin .id").val();
|
||||
var num2 = $(".box .idLogin .password").val();
|
||||
var num3 = $(".box .phone .phoneNumberBox .phoneNumber").val();
|
||||
var num4 = $(".box .phone .codeBox .code").val();
|
||||
if (num1 != '' && num2 != '' || num3 != '' && num4 != '') {
|
||||
$('.box .but').addClass('butok');
|
||||
return true;
|
||||
} else {
|
||||
$('.box .but').removeClass('butok');
|
||||
return false;
|
||||
}
|
||||
}
|
||||
// 監聽賬號輸入
|
||||
$(".box .idLogin .id").on("keyup", function () {
|
||||
phoneFun()
|
||||
});
|
||||
// 監聽密碼輸入
|
||||
$(".box .idLogin .password").on("keyup", function () {
|
||||
phoneFun()
|
||||
});
|
||||
// 監聽手機號輸入
|
||||
$(".box .phone .phoneNumberBox .phoneNumber").on("keyup", function () {
|
||||
phoneFun()
|
||||
});
|
||||
// 監聽驗證碼輸入
|
||||
$(".box .phone .codeBox .code").on("keyup", function () {
|
||||
phoneFun()
|
||||
});
|
||||
// 登入按鈕
|
||||
$('.box .but').click(function () {
|
||||
if (phoneFun()) {
|
||||
oauthToken();
|
||||
}
|
||||
})
|
||||
|
||||
//DES加密
|
||||
const encryptDes = (message, key) => {
|
||||
var keyHex = CryptoJS.enc.Utf8.parse(key);
|
||||
var encrypted = CryptoJS.DES.encrypt(message, keyHex, {
|
||||
mode: CryptoJS.mode.ECB,
|
||||
padding: CryptoJS.pad.Pkcs7
|
||||
});
|
||||
return encrypted.toString();
|
||||
}
|
||||
220
view/peko/modules/h5Income/js/malaysia.js
Normal file
220
view/peko/modules/h5Income/js/malaysia.js
Normal file
@@ -0,0 +1,220 @@
|
||||
let urlPrefix = getUrlPrefix()
|
||||
let browser = checkVersion()
|
||||
var url = getQueryString();
|
||||
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()
|
||||
if (browser.app) {
|
||||
$('.back').hide();
|
||||
}
|
||||
setTimeout(function () {
|
||||
}, 100)
|
||||
})
|
||||
})
|
||||
// 返回按鈕
|
||||
$('.back').click(function () {
|
||||
window.history.go(-1)
|
||||
})
|
||||
function fileChangeZ (e) {
|
||||
var filesList = document.querySelector('#frontImageUpload').files;
|
||||
if (filesList.length == 0) {
|
||||
return;
|
||||
}
|
||||
getUploadToken(1)
|
||||
}
|
||||
function fileChangeF (e) {
|
||||
var filesList = document.querySelector('#backImageUpload').files;
|
||||
if (filesList.length == 0) {
|
||||
return;
|
||||
}
|
||||
getUploadToken(2)
|
||||
}
|
||||
// 上傳身份證接口
|
||||
function getUploadToken (type) {
|
||||
const frontImage = document.getElementById('frontImageUpload').files[0];
|
||||
const backImage = document.getElementById('backImageUpload').files[0];
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'GET',
|
||||
url: urlPrefix + '/qiniu/upload/getUploadToken',
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
var frontImageKey = res.data.key;
|
||||
var frontImageToken = res.data.token;
|
||||
showLoading()
|
||||
const observable = qiniu.upload(
|
||||
type == 1 ? frontImage : backImage,
|
||||
frontImageKey,
|
||||
frontImageToken
|
||||
);
|
||||
observable.subscribe({
|
||||
complete: (res) => {
|
||||
console.log(res);
|
||||
if (type == 1) {
|
||||
$('.box3 .idBox .z .documents').attr('src', res.path);
|
||||
} else {
|
||||
$('.box3 .idBox .f .documents').attr('src', res.path);
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
toastMsg("上傳成功")
|
||||
|
||||
},
|
||||
});
|
||||
} else if (res.code ? res.code == 401 : JSON.parse(res).code == 401) {
|
||||
window.location.href = './login.html'
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
// hideLoading(layerIndex)
|
||||
},
|
||||
error (err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤，請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
// 確認綁定按鈕
|
||||
$('.but').click(function () {
|
||||
if (listenFun()) {
|
||||
var filesList = document.querySelector('#frontImageUpload').files;
|
||||
var backImageUpload = document.querySelector('#backImageUpload').files;
|
||||
if (filesList.length == 0 || backImageUpload.length == 0) {
|
||||
toastMsg('請上傳身份證照片')
|
||||
return;
|
||||
}
|
||||
}
|
||||
})
|
||||
//監聽是否完善信息
|
||||
function listenFun () {
|
||||
var num1 = $(".box1 div .name").val();
|
||||
var num2 = $(".box1 div .accountName").val();
|
||||
var num3 = $(".box1 div .card").val();
|
||||
var num4 = $(".box1 div .state").val();
|
||||
var num5 = $(".box1 div .city").val();
|
||||
var num7 = $(".box1 div .street").val();
|
||||
var num8 = $(".box1 div .postalCode").val();
|
||||
var num9 = $(".box2 div .bankAccount").val();
|
||||
var num10 = $(".box2 div .bankName").val();
|
||||
var num11 = $(".box2 div .swiftCode").val();
|
||||
var num12 = $(".box2 div .phone").val();
|
||||
if (num1 != '' && num2 != '' && num3 != '' && num4 != '' && num5 != '' && num7 != '' && num8 != '' && num9 != '' && num10 != '' && num11 != '' && num12 != '') {
|
||||
$('.but').addClass('active');
|
||||
return true;
|
||||
} else {
|
||||
$('.but').removeClass('active');
|
||||
return false;
|
||||
}
|
||||
}
|
||||
// 監聽所有輸入框輸入
|
||||
$(".box1 div .name,.box1 div .accountName,.box1 div .card,.box1 div .state,.box1 div .city,.box1 div .street,.box1 div .postalCode,.box2 div .bankAccount,.box2 div .bankName,.box2 div .swiftCode,.box2 div .phone").on("keyup", function () {
|
||||
listenFun()
|
||||
});
|
||||
// 保存绑定
|
||||
function withdrawUserAccount (
|
||||
surname,
|
||||
name,
|
||||
idCardNo,
|
||||
province,
|
||||
city,
|
||||
street,
|
||||
postCode,
|
||||
accountNo,
|
||||
bankName,
|
||||
swiftCode,
|
||||
contact,
|
||||
frontPhoto,
|
||||
backPhoto,) {
|
||||
var obj = {
|
||||
uid: pubInfo.uid,
|
||||
accountType: url.accountType,
|
||||
surname,
|
||||
name,
|
||||
idCardNo,
|
||||
province,
|
||||
city,
|
||||
street,
|
||||
postCode,
|
||||
accountNo,
|
||||
bankName,
|
||||
swiftCode,
|
||||
contact,
|
||||
frontPhoto,
|
||||
backPhoto,
|
||||
};
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'POST',
|
||||
url: urlPrefix + '/withdrawUserAccount/save',
|
||||
contentType: 'application/json',
|
||||
data: JSON.stringify(obj),
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
toastMsg('保存成功')
|
||||
setTimeout(function () {
|
||||
window.location.href = './withdrawal.html'
|
||||
}, 500)
|
||||
} else if (res.code ? res.code == 401 : JSON.parse(res).code == 401) {
|
||||
window.location.href = './login.html'
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error (err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤，請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
$('.but').click(function () {
|
||||
var frontImageUpload = document.querySelector('#frontImageUpload').files;
|
||||
var backImageUpload = document.querySelector('#backImageUpload').files;
|
||||
if (listenFun()) {
|
||||
if (frontImageUpload.length == 0 || backImageUpload.length == 0) {
|
||||
toastMsg('請上傳身份證');
|
||||
return;
|
||||
}
|
||||
withdrawUserAccount(
|
||||
$('.box1 div .name').val(),
|
||||
$('.box1 div .accountName').val(),
|
||||
$('.box1 div .card').val(),
|
||||
$('.box1 div .state').val(),
|
||||
$('.box1 div .city').val(),
|
||||
$('.box1 div .street').val(),
|
||||
$('.box1 div .postalCode').val(),
|
||||
$('.box2 div .bankAccount').val(),
|
||||
$('.box2 div .bankName').val(),
|
||||
$('.box2 div .swiftCode').val(),
|
||||
$('.box2 div .phone').val(),
|
||||
$('.box3 .idBox .z .documents').attr('src'),
|
||||
$('.box3 .idBox .f .documents').attr('src')
|
||||
);
|
||||
}
|
||||
})
|
||||
192
view/peko/modules/h5Income/js/other.js
Normal file
192
view/peko/modules/h5Income/js/other.js
Normal file
@@ -0,0 +1,192 @@
|
||||
let urlPrefix = getUrlPrefix()
|
||||
let browser = checkVersion()
|
||||
var url = getQueryString();
|
||||
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()
|
||||
if (browser.app) {
|
||||
$('.back').hide();
|
||||
}
|
||||
setTimeout(function () {
|
||||
}, 100)
|
||||
})
|
||||
})
|
||||
// 返回按鈕
|
||||
$('.back').click(function () {
|
||||
window.history.go(-1)
|
||||
})
|
||||
function fileChangeZ (e) {
|
||||
var filesList = document.querySelector('#frontImageUpload').files;
|
||||
if (filesList.length == 0) {
|
||||
return;
|
||||
}
|
||||
getUploadToken(1)
|
||||
}
|
||||
function fileChangeF (e) {
|
||||
var filesList = document.querySelector('#backImageUpload').files;
|
||||
if (filesList.length == 0) {
|
||||
return;
|
||||
}
|
||||
getUploadToken(2)
|
||||
}
|
||||
// 上傳身份證接口
|
||||
function getUploadToken (type) {
|
||||
const frontImage = document.getElementById('frontImageUpload').files[0];
|
||||
const backImage = document.getElementById('backImageUpload').files[0];
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'GET',
|
||||
url: urlPrefix + '/qiniu/upload/getUploadToken',
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
var frontImageKey = res.data.key;
|
||||
var frontImageToken = res.data.token;
|
||||
showLoading()
|
||||
const observable = qiniu.upload(
|
||||
type == 1 ? frontImage : backImage,
|
||||
frontImageKey,
|
||||
frontImageToken
|
||||
);
|
||||
observable.subscribe({
|
||||
complete: (res) => {
|
||||
console.log(res);
|
||||
if (type == 1) {
|
||||
$('.box3 .idBox .z .documents').attr('src', res.path);
|
||||
} else {
|
||||
$('.box3 .idBox .f .documents').attr('src', res.path);
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
toastMsg("上傳成功")
|
||||
|
||||
},
|
||||
});
|
||||
} else if (res.code == 401) {
|
||||
window.location.href = './login.html'
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
// hideLoading(layerIndex)
|
||||
},
|
||||
error (err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤，請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
// 確認綁定按鈕
|
||||
$('.but').click(function () {
|
||||
if (listenFun()) {
|
||||
var filesList = document.querySelector('#frontImageUpload').files;
|
||||
var backImageUpload = document.querySelector('#backImageUpload').files;
|
||||
if (filesList.length == 0 || backImageUpload.length == 0) {
|
||||
toastMsg('請上傳身份證照片')
|
||||
return;
|
||||
}
|
||||
}
|
||||
})
|
||||
//監聽是否完善信息
|
||||
function listenFun () {
|
||||
var num1 = $(".box2 div .bankCard").val();
|
||||
var num2 = $(".box2 div .name").val();
|
||||
var num3 = $(".box2 div .card").val();
|
||||
var num4 = $(".box2 div .phone").val();
|
||||
if (num1 != '' && num2 != '' && num3 != '' && num4 != '') {
|
||||
$('.but').addClass('active');
|
||||
return true;
|
||||
} else {
|
||||
$('.but').removeClass('active');
|
||||
return false;
|
||||
}
|
||||
}
|
||||
// 監聽所有輸入框輸入
|
||||
$(".box2 div .bankCard,.box2 div .name,.box2 div .card,.box2 div .phone").on("keyup", function () {
|
||||
listenFun()
|
||||
});
|
||||
// 保存绑定
|
||||
function withdrawUserAccount (
|
||||
accountNo,
|
||||
name,
|
||||
idCardNo,
|
||||
contact,
|
||||
frontPhoto,
|
||||
backPhoto,) {
|
||||
var obj = {
|
||||
uid: pubInfo.uid,
|
||||
accountType: url.accountType,
|
||||
accountNo,
|
||||
name,
|
||||
idCardNo,
|
||||
contact,
|
||||
frontPhoto,
|
||||
backPhoto,
|
||||
};
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'POST',
|
||||
url: urlPrefix + '/withdrawUserAccount/save',
|
||||
contentType: 'application/json',
|
||||
data: JSON.stringify(obj),
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
toastMsg('保存成功')
|
||||
setTimeout(function () {
|
||||
window.location.href = './withdrawal.html'
|
||||
}, 500)
|
||||
} else if (res.code ? res.code == 401 : JSON.parse(res).code == 401) {
|
||||
window.location.href = './login.html'
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error (err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤，請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
$('.but').click(function () {
|
||||
var frontImageUpload = document.querySelector('#frontImageUpload').files;
|
||||
var backImageUpload = document.querySelector('#backImageUpload').files;
|
||||
if (listenFun()) {
|
||||
if (frontImageUpload.length == 0 || backImageUpload.length == 0) {
|
||||
toastMsg('請上傳身份證');
|
||||
return;
|
||||
}
|
||||
withdrawUserAccount(
|
||||
$('.box1 div .bankCard').val(),
|
||||
$('.box1 div .name').val(),
|
||||
$('.box1 div .card').val(),
|
||||
$('.box1 div .phone').val(),
|
||||
$('.box3 .idBox .z .documents').attr('src'),
|
||||
$('.box3 .idBox .f .documents').attr('src')
|
||||
);
|
||||
}
|
||||
})
|
||||
2
view/peko/modules/h5Income/js/qiniu.min.js
vendored
Normal file
2
view/peko/modules/h5Income/js/qiniu.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
68
view/peko/modules/h5Income/js/rule.js
Normal file
68
view/peko/modules/h5Income/js/rule.js
Normal file
@@ -0,0 +1,68 @@
|
||||
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()
|
||||
if (browser.app) {
|
||||
$('.back').hide();
|
||||
}
|
||||
setTimeout(function () {
|
||||
getConfig()
|
||||
}, 100)
|
||||
})
|
||||
})
|
||||
// 提領配置接口接口
|
||||
function getConfig () {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'GET',
|
||||
url: urlPrefix + '/withdrawUser/config',
|
||||
data: { uid: pubInfo.uid },
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
$('.box p .b2').text(res.data.weekLimitCount);
|
||||
$('.box p .b1').text(res.data.minValue);
|
||||
} else if (res.code ? res.code == 401 : JSON.parse(res).code == 401) {
|
||||
window.location.href = './login.html'
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
console.log();
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error (err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤，請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
// 返回按鈕
|
||||
$('.back').click(function () {
|
||||
window.history.go(-1)
|
||||
})
|
||||
220
view/peko/modules/h5Income/js/singapore.js
Normal file
220
view/peko/modules/h5Income/js/singapore.js
Normal file
@@ -0,0 +1,220 @@
|
||||
let urlPrefix = getUrlPrefix()
|
||||
let browser = checkVersion()
|
||||
var url = getQueryString();
|
||||
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()
|
||||
if (browser.app) {
|
||||
$('.back').hide();
|
||||
}
|
||||
setTimeout(function () {
|
||||
}, 100)
|
||||
})
|
||||
})
|
||||
// 返回按鈕
|
||||
$('.back').click(function () {
|
||||
window.history.go(-1)
|
||||
})
|
||||
function fileChangeZ (e) {
|
||||
var filesList = document.querySelector('#frontImageUpload').files;
|
||||
if (filesList.length == 0) {
|
||||
return;
|
||||
}
|
||||
getUploadToken(1)
|
||||
}
|
||||
function fileChangeF (e) {
|
||||
var filesList = document.querySelector('#backImageUpload').files;
|
||||
if (filesList.length == 0) {
|
||||
return;
|
||||
}
|
||||
getUploadToken(2)
|
||||
}
|
||||
// 上傳身份證接口
|
||||
function getUploadToken (type) {
|
||||
const frontImage = document.getElementById('frontImageUpload').files[0];
|
||||
const backImage = document.getElementById('backImageUpload').files[0];
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'GET',
|
||||
url: urlPrefix + '/qiniu/upload/getUploadToken',
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
var frontImageKey = res.data.key;
|
||||
var frontImageToken = res.data.token;
|
||||
showLoading()
|
||||
const observable = qiniu.upload(
|
||||
type == 1 ? frontImage : backImage,
|
||||
frontImageKey,
|
||||
frontImageToken
|
||||
);
|
||||
observable.subscribe({
|
||||
complete: (res) => {
|
||||
console.log(res);
|
||||
if (type == 1) {
|
||||
$('.box3 .idBox .z .documents').attr('src', res.path);
|
||||
} else {
|
||||
$('.box3 .idBox .f .documents').attr('src', res.path);
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
toastMsg("上傳成功")
|
||||
|
||||
},
|
||||
});
|
||||
} else if (res.code ? res.code == 401 : JSON.parse(res).code == 401) {
|
||||
window.location.href = './login.html'
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
// hideLoading(layerIndex)
|
||||
},
|
||||
error (err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤，請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
// 確認綁定按鈕
|
||||
$('.but').click(function () {
|
||||
if (listenFun()) {
|
||||
var filesList = document.querySelector('#frontImageUpload').files;
|
||||
var backImageUpload = document.querySelector('#backImageUpload').files;
|
||||
if (filesList.length == 0 || backImageUpload.length == 0) {
|
||||
toastMsg('請上傳身份證照片')
|
||||
return;
|
||||
}
|
||||
}
|
||||
})
|
||||
//監聽是否完善信息
|
||||
function listenFun () {
|
||||
var num1 = $(".box1 div .name").val();
|
||||
var num2 = $(".box1 div .accountName").val();
|
||||
var num3 = $(".box1 div .card").val();
|
||||
var num4 = $(".box1 div .state").val();
|
||||
var num5 = $(".box1 div .city").val();
|
||||
var num7 = $(".box1 div .street").val();
|
||||
var num8 = $(".box1 div .postalCode").val();
|
||||
var num9 = $(".box2 div .bankAccount").val();
|
||||
var num10 = $(".box2 div .bankName").val();
|
||||
var num11 = $(".box2 div .swiftCode").val();
|
||||
var num12 = $(".box2 div .phone").val();
|
||||
if (num1 != '' && num2 != '' && num3 != '' && num4 != '' && num5 != '' && num7 != '' && num8 != '' && num9 != '' && num10 != '' && num11 != '' && num12 != '') {
|
||||
$('.but').addClass('active');
|
||||
return true;
|
||||
} else {
|
||||
$('.but').removeClass('active');
|
||||
return false;
|
||||
}
|
||||
}
|
||||
// 監聽所有輸入框輸入
|
||||
$(".box1 div .name,.box1 div .accountName,.box1 div .card,.box1 div .state,.box1 div .city,.box1 div .street,.box1 div .postalCode,.box2 div .bankAccount,.box2 div .bankName,.box2 div .swiftCode,.box2 div .phone").on("keyup", function () {
|
||||
listenFun()
|
||||
});
|
||||
// 保存绑定
|
||||
function withdrawUserAccount (
|
||||
surname,
|
||||
name,
|
||||
idCardNo,
|
||||
province,
|
||||
city,
|
||||
street,
|
||||
postCode,
|
||||
accountNo,
|
||||
bankName,
|
||||
swiftCode,
|
||||
contact,
|
||||
frontPhoto,
|
||||
backPhoto,) {
|
||||
var obj = {
|
||||
uid: pubInfo.uid,
|
||||
accountType: url.accountType,
|
||||
surname,
|
||||
name,
|
||||
idCardNo,
|
||||
province,
|
||||
city,
|
||||
street,
|
||||
postCode,
|
||||
accountNo,
|
||||
bankName,
|
||||
swiftCode,
|
||||
contact,
|
||||
frontPhoto,
|
||||
backPhoto,
|
||||
};
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'POST',
|
||||
url: urlPrefix + '/withdrawUserAccount/save',
|
||||
contentType: 'application/json',
|
||||
data: JSON.stringify(obj),
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
toastMsg('保存成功')
|
||||
setTimeout(function () {
|
||||
window.location.href = './withdrawal.html'
|
||||
}, 500)
|
||||
} else if (res.code ? res.code == 401 : JSON.parse(res).code == 401) {
|
||||
window.location.href = './login.html'
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error (err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤，請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
$('.but').click(function () {
|
||||
var frontImageUpload = document.querySelector('#frontImageUpload').files;
|
||||
var backImageUpload = document.querySelector('#backImageUpload').files;
|
||||
if (listenFun()) {
|
||||
if (frontImageUpload.length == 0 || backImageUpload.length == 0) {
|
||||
toastMsg('請上傳身份證');
|
||||
return;
|
||||
}
|
||||
withdrawUserAccount(
|
||||
$('.box1 div .name').val(),
|
||||
$('.box1 div .accountName').val(),
|
||||
$('.box1 div .card').val(),
|
||||
$('.box1 div .state').val(),
|
||||
$('.box1 div .city').val(),
|
||||
$('.box1 div .street').val(),
|
||||
$('.box1 div .postalCode').val(),
|
||||
$('.box2 div .bankAccount').val(),
|
||||
$('.box2 div .bankName').val(),
|
||||
$('.box2 div .swiftCode').val(),
|
||||
$('.box2 div .phone').val(),
|
||||
$('.box3 .idBox .z .documents').attr('src'),
|
||||
$('.box3 .idBox .f .documents').attr('src')
|
||||
);
|
||||
}
|
||||
})
|
||||
377
view/peko/modules/h5Income/js/withdrawal.js
Normal file
377
view/peko/modules/h5Income/js/withdrawal.js
Normal file
@@ -0,0 +1,377 @@
|
||||
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'
|
||||
})
|
||||
}
|
||||
var accountType;//1 其它賬戶 2 中國大陸銀聯 4 馬來西亞銀行 8 新加坡銀行
|
||||
var minValue;//最小提領金币数量
|
||||
var golds;//当前剩余金币
|
||||
var weekLimitCount;//本周剩余次数
|
||||
var weekMaxValue;//本周剩余最大金额
|
||||
$(function () {
|
||||
setTimeout(function () {
|
||||
getInfoFromClient()
|
||||
if (browser.app) {
|
||||
$('.back').hide();
|
||||
}
|
||||
setTimeout(function () {
|
||||
getUser();
|
||||
}, 100)
|
||||
})
|
||||
})
|
||||
// 提領配置接口接口
|
||||
function getConfig () {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'GET',
|
||||
url: urlPrefix + '/withdrawUser/config',
|
||||
data: { uid: pubInfo.uid },
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
minValue = res.data.minValue;
|
||||
weekLimitCount = res.data.weekLimitCount;
|
||||
weekMaxValue = res.data.weekMaxValue;
|
||||
var str = `
|
||||
<p>收益金幣達到${res.data.minValue}或以上可以申請提領</p>
|
||||
<p>提領金幣必須為100的整倍數</p>
|
||||
<p>每周可提領次數：<i>${res.data.weekLimitCount}</i></p>
|
||||
<p>提領手續費：<i>${res.data.chargeRate}%</i></p>
|
||||
`
|
||||
$('.withdrawal').append(str);
|
||||
getAccounts();
|
||||
} else if (res.code ? res.code == 401 : JSON.parse(res).code == 401) {
|
||||
window.location.href = './login.html'
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
console.log();
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error (err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤，請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
// 用戶錢包接口
|
||||
function query () {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'GET',
|
||||
url: urlPrefix + '/purse/query',
|
||||
data: { uid: pubInfo.uid },
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
$('.income p').text(`金幣 ${res.data.golds}`);
|
||||
golds = res.data.golds;
|
||||
getConfig();
|
||||
} else if (res.code ? res.code == 401 : JSON.parse(res).code == 401) {
|
||||
window.location.href = './login.html'
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
console.log();
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error (err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤，請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
// 用戶基本信息接口
|
||||
function getUser () {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'GET',
|
||||
url: urlPrefix + '/user/get',
|
||||
data: { uid: pubInfo.uid },
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
$('.myInfo img').attr('src', res.data.avatar);
|
||||
$('.myInfo div p').text(res.data.nick);
|
||||
$('.myInfo div b').text("ID:" + res.data.erbanNo);
|
||||
query()
|
||||
} else if (res.code ? res.code == 401 : JSON.parse(res).code == 401) {
|
||||
window.location.href = './login.html'
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error (err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤，請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
// 提領賬戶管理接口
|
||||
function getAccounts () {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'GET',
|
||||
url: urlPrefix + '/withdrawAccountDtl/getAccounts',
|
||||
data: { uid: pubInfo.uid },
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
var str = '';
|
||||
res.data.forEach(res => {
|
||||
str += `
|
||||
<li accountType=${res.accountType} isBind=${res.isBind}>${res.accountName}${res.isBind == 0 ? "（未綁定）" : ''}</li>
|
||||
`
|
||||
if (res.isPrev == 1) {
|
||||
accountType = res.accountType
|
||||
$('.account span').text(res.accountName);
|
||||
$('.account span').addClass('active');
|
||||
} else {
|
||||
if (res.isBind == 1) {
|
||||
accountType = res.accountType
|
||||
$('.account span').text(res.accountName);
|
||||
$('.account span').addClass('active');
|
||||
}
|
||||
}
|
||||
});
|
||||
$('.accountPub .accountPub_in ul').append(str);
|
||||
// 跳轉綁定賬戶或選擇賬戶
|
||||
$('.accountPub .accountPub_in ul li').click(function () {
|
||||
var isBind = $(this).attr('isBind');//是否綁定 0 否 1 是
|
||||
if (isBind == 1) {
|
||||
var accountTypes = $(this).attr('accounttype');//1 其它賬戶 2 中國大陸銀聯 4 馬來西亞銀行 8 新加坡銀行
|
||||
if (accountTypes == 1) {
|
||||
$('.switch .pub_in p').text('是否切換到其它賬戶提領 ');
|
||||
} else if (accountTypes == 2) {
|
||||
$('.switch .pub_in p').text('是否切換到中國大陸銀聯提領 ');
|
||||
} else if (accountTypes == 4) {
|
||||
$('.switch .pub_in p').text('是否切換到馬來西亞銀行提領 ');
|
||||
} else if (accountTypes == 8) {
|
||||
$('.switch .pub_in p').text('是否切換到新加坡銀行提領 ');
|
||||
}
|
||||
$('.switch .pub_in .ok').attr('accounttype', accountTypes);
|
||||
$('.switch .pub_in .ok').attr('text', $(this).text());
|
||||
$('.switch').show();
|
||||
} else {
|
||||
var accountTypes = $(this).attr('accounttype');//1 其它賬戶 2 中國大陸銀聯 4 馬來西亞銀行 8 新加坡銀行
|
||||
if (accountTypes == 1) {
|
||||
$('.binding .pub_in p').text('需要先綁定賬戶資料');
|
||||
} else if (accountTypes == 2) {
|
||||
$('.binding .pub_in p').text('需要先綁定中國大陸銀聯賬戶資料');
|
||||
} else if (accountTypes == 4) {
|
||||
$('.binding .pub_in p').text('需要先綁定馬來西亞銀行賬戶資料');
|
||||
} else if (accountTypes == 8) {
|
||||
$('.binding .pub_in p').text('需要先綁定新加坡銀行賬戶資料');
|
||||
}
|
||||
$('.binding').show();
|
||||
// 確認跳轉綁定頁面按鈕
|
||||
$('.binding .pub_in .ok').click(function () {
|
||||
if (accountTypes == 1) {
|
||||
window.location.href = `./other.html?accountType=${accountTypes}`;
|
||||
} else if (accountTypes == 2) {
|
||||
window.location.href = `./chainBank.html?accountType=${accountTypes}`;
|
||||
} else if (accountTypes == 4) {
|
||||
window.location.href = `./malaysia.html?accountType=${accountTypes}`;
|
||||
} else if (accountTypes == 8) {
|
||||
window.location.href = `./singapore.html?accountType=${accountTypes}`;
|
||||
}
|
||||
})
|
||||
}
|
||||
return false;
|
||||
})
|
||||
if (golds < minValue) {
|
||||
$('.withdrawal input').attr('placeholder', '可提領金幣不足');
|
||||
} else if ($('.account span').text() != '未绑定') {
|
||||
$(`.withdrawal input`).text('請輸入提領金幣數額');
|
||||
$(`.withdrawal .withdrawalBox`).attr('click', 1);
|
||||
}
|
||||
} else if (res.code ? res.code == 401 : JSON.parse(res).code == 401) {
|
||||
window.location.href = './login.html'
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error (err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤，請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
// 取消切换按钮
|
||||
$('.switch .pub_in .close').click(function () {
|
||||
$('.switch').hide();
|
||||
})
|
||||
// 确认切换按钮
|
||||
$('.switch .pub_in .ok').click(function () {
|
||||
accountType = $(this).attr('accounttype');//1 其它賬戶 2 中國大陸銀聯 4 馬來西亞銀行 8 新加坡銀行
|
||||
$('.account span').text($(this).attr("text"));
|
||||
$('.account span').addClass('active');
|
||||
$('.accountPub').hide();
|
||||
$('.switch').hide();
|
||||
calculate();
|
||||
})
|
||||
// 确定输入提領弹窗按钮
|
||||
$('.goldPub .goldPub_in .but').click(function () {
|
||||
var num = $('.goldPub .goldPub_in input').val();
|
||||
if (num == '') {
|
||||
toastMsg('請輸入提領金幣數額');
|
||||
return
|
||||
}
|
||||
if (num < minValue) {
|
||||
toastMsg(`最少申請金幣为${minValue}`);
|
||||
return
|
||||
}
|
||||
if (num % 100 != 0) {
|
||||
toastMsg(`提領金幣必須為100的整倍數`);
|
||||
return
|
||||
}
|
||||
calculate();
|
||||
return false;
|
||||
})
|
||||
// 计算汇率接口
|
||||
function calculate () {
|
||||
var num = $('.goldPub .goldPub_in input').val();
|
||||
num.length == 0 ? num = $('.withdrawal input').val() : num;
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'GET',
|
||||
url: urlPrefix + '/withdrawUserAccount/calculate',
|
||||
data: { uid: pubInfo.uid, accountType, goldNum: num, },
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
$('.withdrawal .numBox b').addClass('active');
|
||||
$('.withdrawal input').val(num);
|
||||
$('.withdrawal .numBox b').text(`${res.data.currency} ${res.data.currencyAmount}`);
|
||||
$('.goldPub').hide();
|
||||
$('.goldPub .goldPub_in input').val('');
|
||||
$('.butBig').addClass('butBigActive');
|
||||
$('.butBig').attr('click', 1);
|
||||
} else if (res.code ? res.code == 401 : JSON.parse(res).code == 401) {
|
||||
window.location.href = './login.html'
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error (err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤，請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
// 关闭二次确认提領按钮
|
||||
$('.withDrawalPub').click(function () {
|
||||
$('.withDrawalPub').hide();
|
||||
return false;
|
||||
})
|
||||
// 确定提領按钮
|
||||
$('.butBig').click(function () {
|
||||
var num = $('.withdrawal input').val();
|
||||
var status = $(this).attr("click");
|
||||
if (status != 1) {
|
||||
return
|
||||
}
|
||||
if (weekLimitCount <= 0) {
|
||||
toastMsg('超出本周最大提领次数')
|
||||
return
|
||||
}
|
||||
$('.withDrawalPub .withDrawalPub_in p ').html(`確認通過 <b>${$('.account .active').text()}</b> 提領 <b>${num}</b>金幣?`)
|
||||
$('.withDrawalPub .withDrawalPub_in span b ').html(`${$('.withdrawal .numBox b').text()}`)
|
||||
$('.withDrawalPub').show();
|
||||
})
|
||||
// 二次确认提領按钮
|
||||
$('.withDrawalPub .withDrawalPub_in .but').click(function () {
|
||||
var num = $('.withdrawal input').val();
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'POST',
|
||||
url: urlPrefix + '/withdrawUserAccount/apply',
|
||||
data: { uid: pubInfo.uid, accountType, goldNum: num, },
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
getUser();
|
||||
$('.withDrawalPub').hide();
|
||||
} else if (res.code ? res.code == 401 : JSON.parse(res).code == 401) {
|
||||
window.location.href = './login.html'
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
console.log();
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error (err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤，請退出重進')
|
||||
}
|
||||
})
|
||||
return false;
|
||||
})
|
||||
// 点击输入提領数额按钮
|
||||
$('.withdrawal .withdrawalBox').click(function () {
|
||||
var status = $(this).attr('click');
|
||||
if (status == 1) {
|
||||
$('.goldPub .goldPub_in .num').text(golds);
|
||||
$('.goldPub').show();
|
||||
}
|
||||
});
|
||||
// 防止提領输入事件冒泡
|
||||
$('.goldPub .goldPub_in').click(function () {
|
||||
return false;
|
||||
})
|
||||
// 取消输入提領弹窗
|
||||
$('.goldPub').click(function () {
|
||||
$('.goldPub').hide();
|
||||
})
|
||||
// 點擊綁定賬戶
|
||||
$('.account').click(function () {
|
||||
$('.accountPub').show();
|
||||
})
|
||||
// 關閉綁定賬戶彈窗
|
||||
$('.accountPub').click(function () {
|
||||
$('.accountPub').hide();
|
||||
})
|
||||
// 關閉跳轉綁定頁面按鈕
|
||||
$('.binding .pub_in .close').click(function () {
|
||||
$('.binding ').hide();
|
||||
})
|
||||
// 返回按鈕
|
||||
$('.back').click(function () {
|
||||
window.history.go(-1)
|
||||
})
|
||||
// 跳转提領规则页面
|
||||
$('.income .rule').click(function () {
|
||||
window.location.href = './rule.html';
|
||||
})
|
||||
//返回页面 重新请求接口
|
||||
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);
|
||||
66
view/peko/modules/h5Income/login.html
Normal file
66
view/peko/modules/h5Income/login.html
Normal file
@@ -0,0 +1,66 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta name="viewport"
|
||||
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<title>登入</title>
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<link rel="stylesheet" href="./css/login.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- 返回 -->
|
||||
<img src="./images/back.png" alt="" class="back">
|
||||
<!-- 頭部 -->
|
||||
<div class="header">
|
||||
<img src="./images/login/logo.png" alt="" class="logo">
|
||||
</div>
|
||||
<!-- 底部登入 -->
|
||||
<div class="box">
|
||||
<!-- 賬號登入 -->
|
||||
<div class="idLogin">
|
||||
<input type="number" class="id" placeholder="請輸入Peko賬號">
|
||||
<input type="password" class="password" placeholder="請輸入密碼">
|
||||
</div>
|
||||
<!-- 手機號登入 -->
|
||||
<div class="phone">
|
||||
<div class="phoneNumberBox">
|
||||
<div class="prefix">
|
||||
+<b>852</b><img src="./images/login/more.png" alt="" class="more">
|
||||
</div>
|
||||
<input type="number" class="phoneNumber" placeholder="請輸入手機號">
|
||||
</div>
|
||||
<div class="codeBox">
|
||||
<input type="number" class="code" placeholder="請獲取驗證碼">
|
||||
<div class="codeBut">獲取驗證碼</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 登入按鈕 -->
|
||||
<div class="but">登錄</div>
|
||||
<div class="hone">Peko手機號登錄</div>
|
||||
</div>
|
||||
<!-- 區號選擇 -->
|
||||
<div class="area">
|
||||
<div class="box">
|
||||
<p>請選擇區號</p>
|
||||
<div class="list">
|
||||
<!-- <span>123123</span> -->
|
||||
</div>
|
||||
</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="../../common/js/route-constant.js"></script>
|
||||
<script src="../../common/js/svga.min.js"></script>
|
||||
<script src="../../common/js/crypto-js.js"></script>
|
||||
<script src="./js/login.js?v=1.0"></script>
|
||||
117
view/peko/modules/h5Income/malaysia.html
Normal file
117
view/peko/modules/h5Income/malaysia.html
Normal file
@@ -0,0 +1,117 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta name="viewport"
|
||||
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<title>賬戶資料</title>
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<link rel="stylesheet" href="./css/malaysia.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- 返回 -->
|
||||
<img src="./images/back.png" alt="" class="back">
|
||||
<!-- 標題 -->
|
||||
<h3>馬來西亞銀行</h3>
|
||||
<!-- 姓名身份證 -->
|
||||
<div class="box1">
|
||||
<div>
|
||||
<span>開戶姓氏</span>
|
||||
<input class="name" type="text" placeholder="例：ZHANG">
|
||||
</div>
|
||||
<div>
|
||||
<span>開戶名稱</span>
|
||||
<input class="accountName" type="text" placeholder="例：LEE HONG">
|
||||
</div>
|
||||
<div>
|
||||
<span>身份證號備份</span>
|
||||
<input class="card" type="text" placeholder="請輸入正確的身份證號碼備份">
|
||||
</div>
|
||||
<div>
|
||||
<span>省（州）</span>
|
||||
<input class="state" type="text" placeholder="請輸入身份證上的地址信息">
|
||||
</div>
|
||||
<div>
|
||||
<span>城市</span>
|
||||
<input class="city" type="text" placeholder="請輸入身份證上的地址信息">
|
||||
</div>
|
||||
<div>
|
||||
<span>街道地址</span>
|
||||
<input class="street " type="text" placeholder="請輸入身份證上的地址信息">
|
||||
</div>
|
||||
<div>
|
||||
<span>郵編</span>
|
||||
<input class="postalCode" type="text" placeholder="請輸入身份證上的郵編信息">
|
||||
</div>
|
||||
</div>
|
||||
<!-- 銀行卡手機號等信息 -->
|
||||
<div class="box2">
|
||||
<div>
|
||||
<span>銀行收款賬戶</span>
|
||||
<input class="bankAccount " type="text" placeholder="例：666666">
|
||||
</div>
|
||||
<div>
|
||||
<span>銀行名稱</span>
|
||||
<input class="bankName" type="text" placeholder="例：CIMB Bank">
|
||||
</div>
|
||||
<div>
|
||||
<span>SWIFT CODE</span>
|
||||
<input class="swiftCode" type="text" placeholder="例：MBBEMYKLPKG">
|
||||
</div>
|
||||
<div>
|
||||
<span>聯繫方式</span>
|
||||
<input class="phone" type="text" placeholder="可聯繫您的聯繫方式，郵箱/電話">
|
||||
</div>
|
||||
</div>
|
||||
<!-- 上傳身份證 -->
|
||||
<div class="box3">
|
||||
<p>上傳身份證照片</p>
|
||||
<div class="idBox">
|
||||
<!-- 正面 -->
|
||||
<div class="z">
|
||||
<img src="./images/chainBank/documents_front.png" alt="" class="documents">
|
||||
<img src="./images/chainBank/icon_camera.png" alt="" class="icon_camera">
|
||||
<span>請上傳正面照片</span>
|
||||
<input type="file" id="frontImageUpload" accept="image/*" onchange="fileChangeZ(event)" class="upload"
|
||||
style="opacity: 0;">
|
||||
</div>
|
||||
<!-- 反面 -->
|
||||
<div class="f">
|
||||
<img src="./images/chainBank/documents_reverse.png" alt="" class="documents">
|
||||
<img src="./images/chainBank/icon_camera.png" alt="" class="icon_camera">
|
||||
<span>請上傳反面照片</span>
|
||||
<input type="file" id="backImageUpload" accept="image/*" onchange="fileChangeF(event)" class="upload"
|
||||
style="opacity: 0;">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 綁定按鈕 -->
|
||||
<div class="but">確認綁定</div>
|
||||
<!-- 說明 -->
|
||||
<div class="rule">
|
||||
<p>註意：</p>
|
||||
<p>1.該頁面適用於馬來西亞地區的提領，非馬來西亞地區請切換其他提領方式；</p>
|
||||
<p>2.提領資料請勿隨意填寫，需正確填寫以上資料；</p>
|
||||
<p>3.銀行賬號與身份證號碼必須與提領實名一致，否則提領不能到賬；</p>
|
||||
<p>4.請勿將賬號綁定他人的姓名，提領真實姓名綁定後不能修改，請謹慎操作；</p>
|
||||
<p>5.實際提領收益按照轉賬時的匯率之後金額；</p>
|
||||
<p>6.首次進行提領流程時，會需要上傳您的身份證相關信息；</p>
|
||||
<p>7.申請提領人為未滿二十歲的未成年人，除需提供申請人的身份證相關信息外，另須提供法定代理人（或監護人）的身份證件相關信息；</p>
|
||||
<p>8.如有疑問請聯繫Wechat:sd245376</p>
|
||||
</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="../../common/js/route-constant.js"></script>
|
||||
<script src="../../common/js/svga.min.js"></script>
|
||||
<script src="./js/qiniu.min.js"></script>
|
||||
<script src="./js/malaysia.js?v=1.0"></script>
|
||||
85
view/peko/modules/h5Income/other.html
Normal file
85
view/peko/modules/h5Income/other.html
Normal file
@@ -0,0 +1,85 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta name="viewport"
|
||||
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<title>賬戶資料</title>
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<link rel="stylesheet" href="./css/other.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- 返回 -->
|
||||
<img src="./images/back.png" alt="" class="back">
|
||||
<!-- 標題 -->
|
||||
<h3>其他賬戶</h3>
|
||||
<!-- 銀行卡手機號等信息 -->
|
||||
<div class="box2">
|
||||
<div>
|
||||
<span>Payoneer賬戶</span>
|
||||
<input class="bankCard" type="text" placeholder="Payoneer賬戶">
|
||||
</div>
|
||||
<div>
|
||||
<span>真實姓名</span>
|
||||
<input class="name" type="text" placeholder="例：張三">
|
||||
</div>
|
||||
<div>
|
||||
<span>身份證號</span>
|
||||
<input class="card" type="text" placeholder="請輸入正確的身份證號碼">
|
||||
</div>
|
||||
<div>
|
||||
<span>聯繫方式</span>
|
||||
<input class="phone" type="text" placeholder="可聯繫您的聯繫方式，郵箱/電話">
|
||||
</div>
|
||||
</div>
|
||||
<!-- 上傳身份證 -->
|
||||
<div class="box3">
|
||||
<p>上傳身份證照片</p>
|
||||
<div class="idBox">
|
||||
<!-- 正面 -->
|
||||
<div class="z">
|
||||
<img src="./images/chainBank/documents_front.png" alt="" class="documents">
|
||||
<img src="./images/chainBank/icon_camera.png" alt="" class="icon_camera">
|
||||
<span>請上傳正面照片</span>
|
||||
<input type="file" id="frontImageUpload" accept="image/*" onchange="fileChangeZ(event)" class="upload"
|
||||
style="opacity: 0;">
|
||||
</div>
|
||||
<!-- 反面 -->
|
||||
<div class="f">
|
||||
<img src="./images/chainBank/documents_reverse.png" alt="" class="documents">
|
||||
<img src="./images/chainBank/icon_camera.png" alt="" class="icon_camera">
|
||||
<span>請上傳反面照片</span>
|
||||
<input type="file" id="backImageUpload" accept="image/*" onchange="fileChangeF(event)" class="upload"
|
||||
style="opacity: 0;">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 綁定按鈕 -->
|
||||
<div class="but">確認綁定</div>
|
||||
<!-- 說明 -->
|
||||
<div class="rule">
|
||||
<p>註意：</p>
|
||||
<p>1.其他賬戶提領將由Payoneer發放；</p>
|
||||
<p>2.Payoneer的使用方法請聯繫客服 Wechat:sd245376 咨詢；</p>
|
||||
<p>3.Payoneer賬戶必須與真實姓名一致，否則提領不能到賬；</p>
|
||||
<p>4.請勿將賬號綁定他人的姓名，提領真實姓名綁定後不能修改，請謹慎操作；</p>
|
||||
<p>5.首次進行提領流程時，會需要上傳您的身份證相關信息；</p>
|
||||
<p>6.申請提領人為未滿二十歲的未成年人，除需提供申請人的身份證相關信息外，另須提供法定代理人（或監護人）的身份證件相關信息；</p>
|
||||
<p>7.如有疑問請聯繫Wechat:sd245376</p>
|
||||
</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="../../common/js/route-constant.js"></script>
|
||||
<script src="../../common/js/svga.min.js"></script>
|
||||
<script src="./js/qiniu.min.js"></script>
|
||||
<script src="./js/other.js?v=1.0"></script>
|
||||
44
view/peko/modules/h5Income/rule.html
Normal file
44
view/peko/modules/h5Income/rule.html
Normal file
@@ -0,0 +1,44 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta name="viewport"
|
||||
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<title>提領規則</title>
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<link rel="stylesheet" href="./css/rule.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- 返回 -->
|
||||
<img src="./images/back.png" alt="" class="back">
|
||||
<!-- 内容 -->
|
||||
<div class="box">
|
||||
<h3>提領規則</h3>
|
||||
<p>1.什是金幣</p>
|
||||
<p>金幣是在房間收到的禮物打賞可以收穫金幣。</p>
|
||||
<p>2.如何獲得金幣</p>
|
||||
<p>可以通過接受別人打賞的禮物，獲得金幣。</p>
|
||||
<p>3.收益提領规则</p>
|
||||
<p>3.1. 1000金幣等於1美元，根據提領地區匯率換算，匯率每週更新</p>
|
||||
<p>3.2. 每周可申請提領<b class="b2"></b>次，次日發放；</p>
|
||||
<p>3.3. 金幣數量需大於或等於<b class="b1"></b>金幣才能申請提取；</p>
|
||||
<p>3.4. 如您的提領信息有誤無法發放，金幣原路退回帳號，請聯繫客服；</p>
|
||||
<p>4.金幣兌換鑽石规则</p>
|
||||
<p>金幣可兌換為鑽石，兌換比例：1000金幣=1000鑽石。</p>
|
||||
<p>5.不提取不兌換，金幣則不會被清空。</p>
|
||||
</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="../../common/js/route-constant.js"></script>
|
||||
<script src="../../common/js/svga.min.js"></script>
|
||||
<script src="./js/rule.js"></script>
|
||||
117
view/peko/modules/h5Income/singapore.html
Normal file
117
view/peko/modules/h5Income/singapore.html
Normal file
@@ -0,0 +1,117 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta name="viewport"
|
||||
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<title>新加坡銀行</title>
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<link rel="stylesheet" href="./css/singapore.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- 返回 -->
|
||||
<img src="./images/back.png" alt="" class="back">
|
||||
<!-- 标题 -->
|
||||
<h3>新加坡銀行</h3>
|
||||
<!-- 姓名身份证 -->
|
||||
<div class="box1">
|
||||
<div>
|
||||
<span>開戶姓氏</span>
|
||||
<input class="name" type="text" placeholder="例：ZHANG">
|
||||
</div>
|
||||
<div>
|
||||
<span>開戶名稱</span>
|
||||
<input class="accountName" type="text" placeholder="例：LEE HONG">
|
||||
</div>
|
||||
<div>
|
||||
<span>身份證號备份</span>
|
||||
<input class="card" type="text" placeholder="請輸入正確的身份證號碼备份">
|
||||
</div>
|
||||
<div>
|
||||
<span>省（州）</span>
|
||||
<input class="state" type="text" placeholder="請輸入身份證上的地址信息">
|
||||
</div>
|
||||
<div>
|
||||
<span>城市</span>
|
||||
<input class="city" type="text" placeholder="請輸入身份證上的地址信息">
|
||||
</div>
|
||||
<div>
|
||||
<span>街道地址</span>
|
||||
<input class="street " type="text" placeholder="請輸入身份證上的地址信息">
|
||||
</div>
|
||||
<div>
|
||||
<span>郵編</span>
|
||||
<input class="postalCode" type="text" placeholder="請輸入身份證上的郵編信息">
|
||||
</div>
|
||||
</div>
|
||||
<!-- 银行卡手机号等信息 -->
|
||||
<div class="box2">
|
||||
<div>
|
||||
<span>銀行收款賬戶</span>
|
||||
<input class="bankAccount " type="text" placeholder="例：666666">
|
||||
</div>
|
||||
<div>
|
||||
<span>銀行名稱</span>
|
||||
<input class="bankName" type="text" placeholder="例：CIMB Bank">
|
||||
</div>
|
||||
<div>
|
||||
<span>SWIFT CODE</span>
|
||||
<input class="swiftCode" type="text" placeholder="例：MBBEMYKLPKG">
|
||||
</div>
|
||||
<div>
|
||||
<span>聯系方式</span>
|
||||
<input class="phone" type="text" placeholder="可聯系您的聯系方式，郵箱/電話">
|
||||
</div>
|
||||
</div>
|
||||
<!-- 上传身份证 -->
|
||||
<div class="box3">
|
||||
<p>上傳身份證照片</p>
|
||||
<div class="idBox">
|
||||
<!-- 正面 -->
|
||||
<div class="z">
|
||||
<img src="./images/chainBank/documents_front.png" alt="" class="documents">
|
||||
<img src="./images/chainBank/icon_camera.png" alt="" class="icon_camera">
|
||||
<span>請上傳正面照片</span>
|
||||
<input type="file" id="frontImageUpload" accept="image/*" onchange="fileChangeZ(event)" class="upload"
|
||||
style="opacity: 0;">
|
||||
</div>
|
||||
<!-- 反面 -->
|
||||
<div class="f">
|
||||
<img src="./images/chainBank/documents_reverse.png" alt="" class="documents">
|
||||
<img src="./images/chainBank/icon_camera.png" alt="" class="icon_camera">
|
||||
<span>請上傳反面照片</span>
|
||||
<input type="file" id="backImageUpload" accept="image/*" onchange="fileChangeF(event)" class="upload"
|
||||
style="opacity: 0;">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 绑定按钮 -->
|
||||
<div class="but">確認綁定</div>
|
||||
<!-- 说明 -->
|
||||
<div class="rule">
|
||||
<p>註意：</p>
|
||||
<p>1.該頁面適用於馬來西亞地區的提領，非馬來西亞地區請切換其他提領方式；</p>
|
||||
<p>2.提領資料請勿隨意填寫，需正確填寫以上資料；</p>
|
||||
<p>3.銀行賬號與身份證號碼必須與提領實名一致，否則提領不能到賬；</p>
|
||||
<p>4.請勿將賬號綁定他人的姓名，提領真實姓名綁定後不能修改，請謹慎操作；</p>
|
||||
<p>5.實際提領收益按照轉賬時的匯率之後金額；</p>
|
||||
<p>6.首次進行提領流程時，會需要上傳您的身份證相關信息；</p>
|
||||
<p>7.申請提領人為未滿二十歲的未成年人，除需提供申請人的身份證相關信息外，另須提供法定代理人（或監護人）的身份證件相關信息；</p>
|
||||
<p>8.如有疑問請聯系Wechat:sd245376</p>
|
||||
</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="../../common/js/route-constant.js"></script>
|
||||
<script src="../../common/js/svga.min.js"></script>
|
||||
<script src="./js/qiniu.min.js"></script>
|
||||
<script src="./js/singapore.js?v=1.0"></script>
|
||||
113
view/peko/modules/h5Income/withdrawal.html
Normal file
113
view/peko/modules/h5Income/withdrawal.html
Normal file
@@ -0,0 +1,113 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta name="viewport"
|
||||
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<title>收益提領</title>
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<link rel="stylesheet" href="./css/withdrawal.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- 返回 -->
|
||||
<img src="./images/back.png" alt="" class="back">
|
||||
<!-- 我的基本信息 -->
|
||||
<div class="myInfo">
|
||||
<img src="./images/login/logo.png" alt="">
|
||||
<div>
|
||||
<p>Peko</p>
|
||||
<b>ID:</b>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 我的收益 -->
|
||||
<div class="income">
|
||||
<div class="rule">提领规则</div>
|
||||
<span>我的收益</span>
|
||||
<img src="./images/withdrawal/gold.png" alt="">
|
||||
<p>金币 </p>
|
||||
</div>
|
||||
<!-- 账户 -->
|
||||
<div class="account">
|
||||
<img src="./images/withdrawal/icon_account.png" alt="" class="icon_account">
|
||||
<img src="./images/withdrawal/arrow_right.png" alt="" class="arrow_right">
|
||||
<div>提领账户</div>
|
||||
<span>未绑定</span>
|
||||
</div>
|
||||
<!-- 提领提交 -->
|
||||
<div class="withdrawal">
|
||||
<img src="./images/withdrawal/icon_mone.png" alt="" class="gold">
|
||||
<div class="title">提领金币</div>
|
||||
<input type="number" placeholder="請先選擇提領賬戶" disabled>
|
||||
<div class="withdrawalBox"></div>
|
||||
<div class="numBox">
|
||||
<span>提領到賬數額</span>
|
||||
<b>請輸入提領金幣數額</b>
|
||||
</div>
|
||||
<!-- <p>收益金幣達到5000或以上可以申請提領</p>
|
||||
<p>提領金幣必須為100的整倍數</p>
|
||||
<p>每周可提領次數：<i>y</i></p>
|
||||
<p>提領手續費：<i>x%</i></p> -->
|
||||
</div>
|
||||
<div class="butBig">提交提領申請</div>
|
||||
<!-- 账户弹窗 -->
|
||||
<div class="accountPub">
|
||||
<div class="accountPub_in">
|
||||
<h3>請選擇提領方式</h3>
|
||||
<ul>
|
||||
<!-- <li>中國大陸銀聯（未綁定）</li> -->
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 输入提領金币数额弹窗 -->
|
||||
<div class="goldPub">
|
||||
<div class="goldPub_in">
|
||||
<p class="title">輸入提領金幣數額</p>
|
||||
<div class="num">00</div>
|
||||
<span>金幣余額</span>
|
||||
<img src="./images/withdrawal/gold.png" alt="">
|
||||
<input type="number" placeholder="請輸入提領金幣數額">
|
||||
<div class="but">確認</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 二次确认弹窗 -->
|
||||
<div class="withDrawalPub">
|
||||
<div class="withDrawalPub_in">
|
||||
<div class="title">確認提領</div>
|
||||
<p>確認通過 <b>中國大陸銀聯</b> 提領 <b>6666</b>金幣?</p>
|
||||
<span>提領到賬數額為 <b>CNY 343.9</b></span>
|
||||
<div class="but">確認</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 二次确认綁定弹窗 -->
|
||||
<div class="binding">
|
||||
<div class="pub_in">
|
||||
<div class="title">確認綁定</div>
|
||||
<p>需要先綁定中國大陸銀聯賬戶資料 </p>
|
||||
<div class="close">取消</div>
|
||||
<div class="ok">确认</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 二次确认切换弹窗 -->
|
||||
<div class="switch">
|
||||
<div class="pub_in">
|
||||
<div class="title">確認綁定</div>
|
||||
<p>是否切換到馬來西亞銀行提領 </p>
|
||||
<div class="close">取消</div>
|
||||
<div class="ok">确认</div>
|
||||
</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="../../common/js/route-constant.js"></script>
|
||||
<script src="../../common/js/svga.min.js"></script>
|
||||
<script src="./js/withdrawal.js"></script>
|
||||
66
view/peko/modules/luckyBagLinear/css/index.css
Normal file
66
view/peko/modules/luckyBagLinear/css/index.css
Normal file
@@ -0,0 +1,66 @@
|
||||
.wrap {
|
||||
margin: 0rem 0.4rem 0rem 0.53333rem;
|
||||
}
|
||||
|
||||
.wrap header {
|
||||
margin-top: 0.53333rem;
|
||||
margin-bottom: 0.4rem;
|
||||
text-align: center;
|
||||
color: #333333;
|
||||
font-size: 0.42667rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.wrap p.desc {
|
||||
margin-top: 0.53333rem;
|
||||
color: #666666;
|
||||
font-size: 0.34667rem;
|
||||
}
|
||||
|
||||
.wrap ul li {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
height: 1.44rem;
|
||||
border-bottom: 0.01333rem solid #F4F4F4;
|
||||
}
|
||||
|
||||
.wrap ul li .gift-pic {
|
||||
width: 0.90667rem;
|
||||
height: 0.88rem;
|
||||
}
|
||||
|
||||
.wrap ul li .gift-detail {
|
||||
flex: 1;
|
||||
margin-left: 0.42667rem;
|
||||
}
|
||||
|
||||
.wrap ul li .gift-detail .gift-name {
|
||||
color: #333333;
|
||||
font-size: 0.34667rem;
|
||||
margin-bottom: 0.10667rem;
|
||||
}
|
||||
|
||||
.wrap ul li .gift-detail .gift-price {
|
||||
color: #999999;
|
||||
font-size: 0.32rem;
|
||||
}
|
||||
|
||||
.wrap ul li .diamond {
|
||||
width: 0.34667rem;
|
||||
height: 0.26667rem;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
.wrap ul li .prop {
|
||||
color: #999999;
|
||||
font-size: 0.32rem;
|
||||
}
|
||||
|
||||
.wrap footer {
|
||||
margin-top: 0.53333rem;
|
||||
margin-bottom: 0.26667rem;
|
||||
text-align: center;
|
||||
color: #999999;
|
||||
font-size: 0.29333rem;
|
||||
}
|
||||
82
view/peko/modules/luckyBagLinear/css/index.scss
Normal file
82
view/peko/modules/luckyBagLinear/css/index.scss
Normal file
@@ -0,0 +1,82 @@
|
||||
@function px2rem($px, $rem:75){
|
||||
@return $px / $rem + rem
|
||||
};
|
||||
|
||||
|
||||
.wrap{
|
||||
// width: px2rem(600);
|
||||
// height: px2rem(860);
|
||||
// margin: 0 auto;
|
||||
margin: px2rem(0) px2rem(30) px2rem(0) px2rem(40);
|
||||
|
||||
// border-radius: px2rem(24);
|
||||
// border: 1px solid #ccc;
|
||||
|
||||
header{
|
||||
margin-top: px2rem(40);
|
||||
margin-bottom: px2rem(30);
|
||||
text-align: center;
|
||||
color: #333333;
|
||||
font-size: px2rem(32);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
p.desc{
|
||||
margin-top: px2rem(40);
|
||||
color: #666666;
|
||||
font-size: px2rem(26);
|
||||
}
|
||||
|
||||
ul{
|
||||
|
||||
li{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
height: px2rem(108);
|
||||
border-bottom: px2rem(1) solid #F4F4F4;
|
||||
|
||||
.gift-pic{
|
||||
width: px2rem(68);
|
||||
height: px2rem(66);
|
||||
}
|
||||
|
||||
.gift-detail{
|
||||
flex: 1;
|
||||
margin-left: px2rem(32);
|
||||
|
||||
.gift-name{
|
||||
color: #333333;
|
||||
font-size: px2rem(26);
|
||||
margin-bottom: px2rem(8);
|
||||
}
|
||||
|
||||
.gift-price{
|
||||
color: #999999;
|
||||
font-size: px2rem(24);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.diamond{
|
||||
width: px2rem(26);
|
||||
height: px2rem(20);
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
.prop{
|
||||
color: #999999;
|
||||
font-size: px2rem(24);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
footer{
|
||||
margin-top: px2rem(40);
|
||||
margin-bottom: px2rem(20);
|
||||
text-align: center;
|
||||
color: #999999;
|
||||
font-size: px2rem(22);
|
||||
}
|
||||
}
|
||||
BIN
view/peko/modules/luckyBagLinear/images/close.png
Normal file
BIN
view/peko/modules/luckyBagLinear/images/close.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
BIN
view/peko/modules/luckyBagLinear/images/diamond.png
Normal file
BIN
view/peko/modules/luckyBagLinear/images/diamond.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 948 B |
BIN
view/peko/modules/luckyBagLinear/images/pie.png
Normal file
BIN
view/peko/modules/luckyBagLinear/images/pie.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
39
view/peko/modules/luckyBagLinear/index.html
Normal file
39
view/peko/modules/luckyBagLinear/index.html
Normal file
@@ -0,0 +1,39 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<title>玩法说明</title>
|
||||
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<link rel="stylesheet" href="./css/index.css">
|
||||
<script src="../../common/js/flexible.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="wrap">
|
||||
<!-- <header>玩法说明</header> -->
|
||||
<p class="desc">通过送出【<span class="gift"></span>】有概率开出以下礼物：</p>
|
||||
<ul>
|
||||
<!-- <li>
|
||||
<img src="./images/pie.png" alt="" class="gift-pic">
|
||||
<div class="gift-detail">
|
||||
<p class="gift-name">礼物名称</p>
|
||||
<p>
|
||||
<span class="gift-price">999</span>
|
||||
<img src="./images/diamond.png" alt="" class="diamond">
|
||||
</p>
|
||||
</div>
|
||||
<span class="prop">15.0%</span>
|
||||
</li> -->
|
||||
|
||||
|
||||
</ul>
|
||||
<footer>本活动与提供奖品与苹果公司无关</footer>
|
||||
</div>
|
||||
|
||||
<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="./js/index.js?v=1.0"></script>
|
||||
</body>
|
||||
</html>
|
||||
95
view/peko/modules/luckyBagLinear/js/index.js
Normal file
95
view/peko/modules/luckyBagLinear/js/index.js
Normal file
@@ -0,0 +1,95 @@
|
||||
let baseUrl = EnvCheck() == 'test' ? 'https://beta.api.pekolive.com' : 'https://api.pekolive.com'
|
||||
let browser = checkVersion()
|
||||
let locateObj = getQueryString()
|
||||
let info = {}
|
||||
let showLoading = () => {
|
||||
layer.open({
|
||||
type: 2,
|
||||
shadeClose: false
|
||||
})
|
||||
}
|
||||
|
||||
let hideLoading = () => {
|
||||
layer.closeAll()
|
||||
}
|
||||
|
||||
let toastMsg = (content = '操作完成', time = 2) => {
|
||||
layer.open({
|
||||
content,
|
||||
skin: 'msg',
|
||||
time
|
||||
})
|
||||
}
|
||||
|
||||
$(function () {
|
||||
if (browser.app) {
|
||||
if (browser.ios) {
|
||||
var allcookies = document.cookie;
|
||||
var $uid = allcookies.match(/\d+/);
|
||||
info.uid = $uid[0]
|
||||
window.webkit.messageHandlers.getTicket.postMessage(null);
|
||||
} else if (browser.android) {
|
||||
if (androidJsObj && typeof androidJsObj === 'object') {
|
||||
info.uid = parseInt(window.androidJsObj.getUid());
|
||||
info.ticket = window.androidJsObj.getTicket();
|
||||
}
|
||||
}
|
||||
} else {
|
||||
|
||||
}
|
||||
|
||||
function getData(){
|
||||
showLoading()
|
||||
$.ajax({
|
||||
type: 'GET',
|
||||
url: baseUrl + '/luckybag/listPoolShowRate',
|
||||
headers: {
|
||||
pub_ticket: info.ticket,
|
||||
pub_uid: info.uid,
|
||||
},
|
||||
data: {
|
||||
giftId: locateObj.giftId
|
||||
},
|
||||
success(res) {
|
||||
hideLoading()
|
||||
if(res.code == 200){
|
||||
renderGiftList(res.data.poolList)
|
||||
$('.gift').html(res.data.gift.giftName)
|
||||
}
|
||||
},
|
||||
error(){
|
||||
hideLoading()
|
||||
toastMsg('网络错误')
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
function renderGiftList(data){
|
||||
|
||||
let arr = data.map(function(item){
|
||||
return `
|
||||
<li>
|
||||
<img src="${item.giftPic}" alt="" class="gift-pic">
|
||||
<div class="gift-detail">
|
||||
<p class="gift-name">${item.giftName}</p>
|
||||
<p>
|
||||
<span class="gift-price">${item.giftValue}</span>
|
||||
<img src="./images/diamond.png" alt="" class="diamond">
|
||||
</p>
|
||||
</div>
|
||||
<span class="prop">${item.rate.toFixed(2) + '%'}</span>
|
||||
</li>
|
||||
`
|
||||
})
|
||||
let str = arr.join('')
|
||||
$('ul').html(str)
|
||||
}
|
||||
|
||||
setTimeout(()=>{
|
||||
getData()
|
||||
},50)
|
||||
})
|
||||
|
||||
function getMessage(key, value) {
|
||||
info[key] = value;
|
||||
}
|
||||
618
view/peko/modules/luckyTarot/css/index.css
Normal file
618
view/peko/modules/luckyTarot/css/index.css
Normal file
@@ -0,0 +1,618 @@
|
||||
body {
|
||||
width: 100%;
|
||||
height: 21.6533333333rem;
|
||||
background: url(../images/bg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
padding-top: 2.0933333333rem;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.header {
|
||||
width: 9.12rem;
|
||||
height: 3.04rem;
|
||||
margin: 0 auto 0rem;
|
||||
display: block;
|
||||
position: relative;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.roulette {
|
||||
width: 10rem;
|
||||
height: 11.3333333333rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 0rem;
|
||||
}
|
||||
.roulette .roulette_in {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.roulette .roulette_in canvas {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.gold_10 {
|
||||
width: 6.4266666667rem;
|
||||
height: 0.6933333333rem;
|
||||
margin: 0rem auto 0.2666666667rem;
|
||||
display: block;
|
||||
position: relative;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.rule {
|
||||
width: 0.68rem;
|
||||
height: 1.8666666667rem;
|
||||
background: url(../images/icon.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: absolute;
|
||||
top: 2.8133333333rem;
|
||||
right: 0;
|
||||
color: #FFE7A9;
|
||||
font-size: 0.2933333333rem;
|
||||
text-align: center;
|
||||
padding: 0.3333333333rem 0.1333333333rem 0.3066666667rem 0.2666666667rem;
|
||||
box-sizing: border-box;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.record {
|
||||
width: 0.68rem;
|
||||
height: 1.8666666667rem;
|
||||
background: url(../images/icon.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: absolute;
|
||||
top: 4.8533333333rem;
|
||||
right: 0;
|
||||
color: #FFE7A9;
|
||||
font-size: 0.2933333333rem;
|
||||
text-align: center;
|
||||
padding: 0.3333333333rem 0.1333333333rem 0.3066666667rem 0.2666666667rem;
|
||||
box-sizing: border-box;
|
||||
z-index: 9;
|
||||
}
|
||||
|
||||
.tarotBox {
|
||||
width: 9.8266666667rem;
|
||||
height: 14.1333333333rem;
|
||||
background: url(../images/middleBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto 0;
|
||||
position: relative;
|
||||
}
|
||||
.tarotBox .tabBox {
|
||||
width: 9.56rem;
|
||||
height: 1.3066666667rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
background: url(../images/tabBox.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.tarotBox .tabBox div {
|
||||
width: 3.3733333333rem;
|
||||
height: 100%;
|
||||
color: #FEF0C0;
|
||||
font-size: 0.3733333333rem;
|
||||
text-align: center;
|
||||
box-sizing: border-box;
|
||||
padding-top: 0.3466666667rem;
|
||||
}
|
||||
.tarotBox .tabBox div b {
|
||||
color: #FEF0C0;
|
||||
font-size: 0.24rem;
|
||||
margin-top: 0.04rem;
|
||||
display: block;
|
||||
}
|
||||
.tarotBox .tabBox .active1 {
|
||||
background: url(../images/active1.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.tarotBox .tabBox .active1 b {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.tarotBox .tabBox .active2 {
|
||||
background: url(../images/active2.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.tarotBox .tabBox .active2 b {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.tarotBox .tabBox .active3 {
|
||||
background: url(../images/active3.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.tarotBox .tabBox .active3 b {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.tarotBox .gradeText {
|
||||
position: absolute;
|
||||
left: 0.9866666667rem;
|
||||
top: 1.4666666667rem;
|
||||
color: #FFEAA9;
|
||||
font-size: 0.32rem;
|
||||
}
|
||||
.tarotBox .diamond {
|
||||
min-width: 1.9733333333rem;
|
||||
height: 0.5866666667rem;
|
||||
border-radius: 0.5866666667rem;
|
||||
line-height: 0.5866666667rem;
|
||||
position: absolute;
|
||||
right: 0.96rem;
|
||||
top: 1.28rem;
|
||||
background: #343662;
|
||||
color: #FFFFFF;
|
||||
border: 0.0133333333rem solid #FFF3B1;
|
||||
box-sizing: border-box;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.tarotBox .diamond .diamondIcon {
|
||||
display: inline-block;
|
||||
width: 0.3866666667rem;
|
||||
height: 0.28rem;
|
||||
margin-top: 0.16rem;
|
||||
margin-left: 0.1733333333rem;
|
||||
}
|
||||
.tarotBox .diamond b {
|
||||
font-size: 0.2666666667rem;
|
||||
display: inline-block;
|
||||
margin: 0 0.0933333333rem;
|
||||
}
|
||||
.tarotBox .diamond .add {
|
||||
width: 0.24rem;
|
||||
height: 0.24rem;
|
||||
display: inline-block;
|
||||
margin-top: 0.1733333333rem;
|
||||
margin-right: 0.1866666667rem;
|
||||
}
|
||||
.tarotBox .cardBox {
|
||||
width: 1.9733333333rem;
|
||||
height: 3.2133333333rem;
|
||||
position: absolute;
|
||||
z-index: 3;
|
||||
}
|
||||
.tarotBox .card1 {
|
||||
background: url(../images/card.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.tarotBox .card2 {
|
||||
background: url(../images/card2.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
display: none;
|
||||
}
|
||||
.tarotBox .card3 {
|
||||
background: url(../images/card3.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
display: none;
|
||||
}
|
||||
.tarotBox .card1_active {
|
||||
background: url(../images/card1_active.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.tarotBox .card2_active {
|
||||
background: url(../images/card2_active.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.tarotBox .card3_active {
|
||||
background: url(../images/card3_active.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.tarotBox .card_not {
|
||||
background: url(../images/not.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.tarotBox .card_winning1 {
|
||||
background: url(../images/winning1.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.tarotBox .card_winning2 {
|
||||
background: url(../images/winning2.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.tarotBox .card_winning3 {
|
||||
background: url(../images/winning3.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.tarotBox .cardBox0 {
|
||||
left: 0.9466666667rem;
|
||||
top: 2.0933333333rem;
|
||||
}
|
||||
.tarotBox .cardBox1 {
|
||||
left: 2.9866666667rem;
|
||||
top: 2.0933333333rem;
|
||||
}
|
||||
.tarotBox .cardBox2 {
|
||||
left: 5.04rem;
|
||||
top: 2.0933333333rem;
|
||||
}
|
||||
.tarotBox .cardBox3 {
|
||||
left: 7.08rem;
|
||||
top: 2.0933333333rem;
|
||||
}
|
||||
.tarotBox .cardBox4 {
|
||||
left: 7.08rem;
|
||||
top: 5.52rem;
|
||||
}
|
||||
.tarotBox .cardBox5 {
|
||||
left: 7.08rem;
|
||||
top: 8.8533333333rem;
|
||||
}
|
||||
.tarotBox .cardBox6 {
|
||||
left: 5.04rem;
|
||||
top: 8.8533333333rem;
|
||||
}
|
||||
.tarotBox .cardBox7 {
|
||||
left: 2.9866666667rem;
|
||||
top: 8.8533333333rem;
|
||||
}
|
||||
.tarotBox .cardBox8 {
|
||||
left: 0.9466666667rem;
|
||||
top: 8.8533333333rem;
|
||||
}
|
||||
.tarotBox .cardBox9 {
|
||||
left: 0.9466666667rem;
|
||||
top: 5.52rem;
|
||||
}
|
||||
.tarotBox .cardBoxBut {
|
||||
width: 2.5066666667rem;
|
||||
height: 0.9866666667rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 7.4666666667rem;
|
||||
z-index: 3;
|
||||
}
|
||||
.tarotBox .butAgain {
|
||||
width: 2.5066666667rem;
|
||||
height: 0.9866666667rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 7.4666666667rem;
|
||||
display: none;
|
||||
z-index: 3;
|
||||
}
|
||||
.tarotBox .gonggao {
|
||||
width: 100%;
|
||||
height: 1.3rem;
|
||||
box-sizing: border-box;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 12.25rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
.tarotBox .gonggao .ul1 {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.tarotBox .gonggao .ul1 li {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: 0.32rem;
|
||||
margin-bottom: 0.1466666667rem;
|
||||
}
|
||||
.tarotBox .gonggao .ul1 li b {
|
||||
color: #FFEAA9;
|
||||
}
|
||||
.tarotBox .gonggao .ul1 li i {
|
||||
font-style: normal;
|
||||
color: #80E6FF;
|
||||
}
|
||||
.tarotBox .cardBoxText_gift {
|
||||
width: 4.2666666667rem;
|
||||
height: 3.0133333333rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 5.76rem;
|
||||
color: #FEF0C0;
|
||||
font-size: 0.4rem;
|
||||
text-align: center;
|
||||
}
|
||||
.tarotBox .cardBoxText_gx {
|
||||
width: 4.2666666667rem;
|
||||
height: 3.0133333333rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 5.52rem;
|
||||
box-sizing: border-box;
|
||||
padding-top: 0.88rem;
|
||||
display: none;
|
||||
}
|
||||
.tarotBox .cardBoxText_gx p {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
margin-bottom: 0.2133333333rem;
|
||||
color: #FFE26D;
|
||||
font-size: 0.3733333333rem;
|
||||
}
|
||||
.tarotBox .cardBoxText_gx p i {
|
||||
font-style: normal;
|
||||
}
|
||||
.tarotBox .cardBoxText_gx p b {
|
||||
color: #FFE26D;
|
||||
}
|
||||
.tarotBox .cardBoxText_no {
|
||||
width: 4.2666666667rem;
|
||||
height: 3.0133333333rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 5.52rem;
|
||||
box-sizing: border-box;
|
||||
padding-top: 0.88rem;
|
||||
display: none;
|
||||
}
|
||||
.tarotBox .cardBoxText_no p {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
margin-bottom: 0.2133333333rem;
|
||||
color: #fff;
|
||||
font-size: 0.3733333333rem;
|
||||
}
|
||||
.tarotBox .cardBoxText_no p i {
|
||||
font-style: normal;
|
||||
}
|
||||
.tarotBox .cardBoxText_no p b {
|
||||
color: #80E6FF;
|
||||
}
|
||||
.tarotBox .cardBoxText {
|
||||
width: 4.2666666667rem;
|
||||
height: 3.0133333333rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 5.52rem;
|
||||
box-sizing: border-box;
|
||||
padding-top: 0.88rem;
|
||||
z-index: 3;
|
||||
}
|
||||
.tarotBox .cardBoxText p {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
margin-bottom: 0.2133333333rem;
|
||||
color: #fff;
|
||||
font-size: 0.3733333333rem;
|
||||
}
|
||||
.tarotBox .cardBoxText p i {
|
||||
font-style: normal;
|
||||
}
|
||||
.tarotBox .cardBoxText p b {
|
||||
color: #80E6FF;
|
||||
}
|
||||
.tarotBox .star {
|
||||
width: 4.48rem;
|
||||
height: 3.8666666667rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 5.52rem;
|
||||
}
|
||||
.tarotBox .star .star_in {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.tarotBox .star .star_in canvas {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
h3 {
|
||||
width: 100%;
|
||||
margin-bottom: 0.16rem;
|
||||
color: #D7D9F7;
|
||||
font-size: 0.24rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.rule_pub {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
z-index: 99999;
|
||||
background: rgba(0, 0, 0, 0.4);
|
||||
display: none;
|
||||
}
|
||||
.rule_pub .rule_pub_in {
|
||||
width: 8.72rem;
|
||||
height: 11.6533333333rem;
|
||||
background: url(../images/rule.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
.rule_pub .rule_pub_in .close {
|
||||
position: absolute;
|
||||
width: 0.9066666667rem;
|
||||
height: 0.9066666667rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: -1.3333333333rem;
|
||||
}
|
||||
|
||||
.winningRecord {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
z-index: 99999;
|
||||
background: rgba(0, 0, 0, 0.4);
|
||||
display: none;
|
||||
}
|
||||
.winningRecord .winningRecord_in {
|
||||
width: 8.72rem;
|
||||
height: 11.6533333333rem;
|
||||
background: url(../images/winningRecord.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
.winningRecord .winningRecord_in .title {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 0.4266666667rem;
|
||||
}
|
||||
.winningRecord .winningRecord_in .title div {
|
||||
width: 25%;
|
||||
color: #FFFFFF;
|
||||
font-size: 0.3733333333rem;
|
||||
margin-top: 2.1866666667rem;
|
||||
text-align: center;
|
||||
}
|
||||
.winningRecord .winningRecord_in ul {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.04rem;
|
||||
height: 8rem;
|
||||
margin: 0 auto;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
.winningRecord .winningRecord_in ul::-webkit-scrollbar {
|
||||
width: 0;
|
||||
display: none;
|
||||
}
|
||||
.winningRecord .winningRecord_in ul li {
|
||||
background: none;
|
||||
width: 100%;
|
||||
height: 1.0666666667rem;
|
||||
line-height: 1.0666666667rem;
|
||||
color: #FFEE9D;
|
||||
font-size: 0.3466666667rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
overflow: hidden;
|
||||
}
|
||||
.winningRecord .winningRecord_in ul li div {
|
||||
text-align: center;
|
||||
width: 25%;
|
||||
}
|
||||
.winningRecord .winningRecord_in ul li .box {
|
||||
line-height: 1.0666666667rem;
|
||||
}
|
||||
.winningRecord .winningRecord_in ul li .box_acitve {
|
||||
line-height: 0.45rem;
|
||||
margin-top: 0.1rem;
|
||||
}
|
||||
.winningRecord .winningRecord_in ul li .time {
|
||||
line-height: 0.4rem;
|
||||
margin-top: 0.2rem;
|
||||
}
|
||||
.winningRecord .winningRecord_in ul .active {
|
||||
background: rgba(135, 133, 243, 0.6);
|
||||
}
|
||||
.winningRecord .winningRecord_in .close {
|
||||
position: absolute;
|
||||
width: 0.9066666667rem;
|
||||
height: 0.9066666667rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: -1.3333333333rem;
|
||||
}
|
||||
|
||||
.shade-mask-fragmentNum {
|
||||
display: none;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 99999;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
background-color: rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
.shade-mask-fragmentNum .shade-content-fragmentNum {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: 8rem;
|
||||
height: 8rem;
|
||||
background: white;
|
||||
border-radius: 0.32rem;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
.shade-mask-fragmentNum .shade-content-fragmentNum .fragmentNum-title {
|
||||
font-size: 0.48rem;
|
||||
font-weight: bold;
|
||||
color: #333333;
|
||||
margin-top: 0.5066666667rem;
|
||||
}
|
||||
.shade-mask-fragmentNum .shade-content-fragmentNum img {
|
||||
width: 1.6rem;
|
||||
width: 1.6rem;
|
||||
margin-top: 1.44rem;
|
||||
}
|
||||
.shade-mask-fragmentNum .shade-content-fragmentNum p {
|
||||
font-size: 0.4rem;
|
||||
font-weight: 600;
|
||||
color: #333333;
|
||||
margin-top: 0.6666666667rem;
|
||||
}
|
||||
.shade-mask-fragmentNum .shade-content-fragmentNum .fragmentNum-btn-wrap {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
width: 6.8266666667rem;
|
||||
height: 1.0133333333rem;
|
||||
margin-top: 1.2rem;
|
||||
}
|
||||
.shade-mask-fragmentNum .shade-content-fragmentNum .fragmentNum-btn-wrap .cancel-btn,
|
||||
.shade-mask-fragmentNum .shade-content-fragmentNum .fragmentNum-btn-wrap .confirm-btn {
|
||||
width: 3.2rem;
|
||||
height: 1.0133333333rem;
|
||||
line-height: 1.0133333333rem;
|
||||
text-align: center;
|
||||
border-radius: 0.5066666667rem;
|
||||
font-size: 0.3733333333rem;
|
||||
font-weight: 600;
|
||||
background-color: #EAE5FC;
|
||||
color: #7154EE;
|
||||
}
|
||||
.shade-mask-fragmentNum .shade-content-fragmentNum .fragmentNum-btn-wrap .confirm-btn {
|
||||
background-color: #735FFE;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map */
|
||||
710
view/peko/modules/luckyTarot/css/index.scss
Normal file
710
view/peko/modules/luckyTarot/css/index.scss
Normal file
@@ -0,0 +1,710 @@
|
||||
@function px2rem($px, $rem:75) {
|
||||
@return $px / $rem+rem;
|
||||
}
|
||||
|
||||
html {}
|
||||
|
||||
body {
|
||||
width: 100%;
|
||||
height: px2rem(1624, );
|
||||
background: url(../images/bg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
padding-top: 2.0933333333rem;
|
||||
// overflow-y: scroll;
|
||||
}
|
||||
|
||||
.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, );
|
||||
}
|
||||
}
|
||||
|
||||
.header {
|
||||
width: px2rem(684, );
|
||||
height: px2rem(228, );
|
||||
margin: 0 auto px2rem(0, );
|
||||
display: block;
|
||||
position: relative;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.roulette {
|
||||
width: px2rem(750, );
|
||||
height: px2rem(850, );
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(0, );
|
||||
|
||||
.roulette_in {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
canvas {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.gold_10 {
|
||||
width: px2rem(482, );
|
||||
height: px2rem(52, );
|
||||
margin: px2rem(0, ) auto px2rem(20, );
|
||||
display: block;
|
||||
position: relative;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.rule {
|
||||
width: px2rem(51, );
|
||||
height: px2rem(140, );
|
||||
background: url(../images/icon.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: absolute;
|
||||
top: px2rem(211, );
|
||||
right: 0;
|
||||
color: #FFE7A9;
|
||||
font-size: px2rem(22, );
|
||||
text-align: center;
|
||||
padding: px2rem(25, ) px2rem(10, ) px2rem(23, ) px2rem(20, );
|
||||
box-sizing: border-box;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.record {
|
||||
width: px2rem(51, );
|
||||
height: px2rem(140, );
|
||||
background: url(../images/icon.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: absolute;
|
||||
top: px2rem(364, );
|
||||
right: 0;
|
||||
color: #FFE7A9;
|
||||
font-size: px2rem(22, );
|
||||
text-align: center;
|
||||
padding: px2rem(25, ) px2rem(10, ) px2rem(23, ) px2rem(20, );
|
||||
box-sizing: border-box;
|
||||
z-index: 9;
|
||||
}
|
||||
|
||||
.tarotBox {
|
||||
width: px2rem(737, );
|
||||
height: px2rem(1060, );
|
||||
background: url(../images/middleBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto 0;
|
||||
position: relative;
|
||||
|
||||
.tabBox {
|
||||
width: px2rem(717, );
|
||||
height: px2rem(98, );
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
background: url(../images/tabBox.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto;
|
||||
|
||||
div {
|
||||
width: px2rem(253, );
|
||||
height: 100%;
|
||||
color: #FEF0C0;
|
||||
font-size: px2rem(28, );
|
||||
text-align: center;
|
||||
box-sizing: border-box;
|
||||
padding-top: px2rem(26, );
|
||||
|
||||
b {
|
||||
color: #FEF0C0;
|
||||
font-size: px2rem(18, );
|
||||
margin-top: px2rem(3, );
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.active1 {
|
||||
background: url(../images/active1.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
color: #FFFFFF;
|
||||
|
||||
b {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
}
|
||||
|
||||
.active2 {
|
||||
background: url(../images/active2.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
color: #FFFFFF;
|
||||
|
||||
b {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
}
|
||||
|
||||
.active3 {
|
||||
background: url(../images/active3.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
color: #FFFFFF;
|
||||
|
||||
b {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.gradeText {
|
||||
position: absolute;
|
||||
left: px2rem(74, );
|
||||
top: px2rem(110, );
|
||||
color: #FFEAA9;
|
||||
font-size: px2rem(24, );
|
||||
}
|
||||
|
||||
.diamond {
|
||||
min-width: px2rem(148, );
|
||||
height: px2rem(44, );
|
||||
border-radius: px2rem(44, );
|
||||
line-height: px2rem(44, );
|
||||
position: absolute;
|
||||
right: px2rem(72, );
|
||||
top: px2rem(96, );
|
||||
background: #343662;
|
||||
color: #FFFFFF;
|
||||
border: px2rem(1, ) solid #FFF3B1;
|
||||
box-sizing: border-box;
|
||||
vertical-align: middle;
|
||||
|
||||
.diamondIcon {
|
||||
display: inline-block;
|
||||
width: px2rem(29, );
|
||||
height: px2rem(21, );
|
||||
margin-top: px2rem(12, );
|
||||
margin-left: px2rem(13, );
|
||||
}
|
||||
|
||||
b {
|
||||
font-size: px2rem(20, );
|
||||
display: inline-block;
|
||||
margin: 0 px2rem(7, );
|
||||
}
|
||||
|
||||
.add {
|
||||
width: px2rem(18, );
|
||||
height: px2rem(18, );
|
||||
display: inline-block;
|
||||
margin-top: px2rem(13, );
|
||||
margin-right: px2rem(14, );
|
||||
}
|
||||
}
|
||||
|
||||
.cardBox {
|
||||
width: px2rem(148, );
|
||||
height: px2rem(241, );
|
||||
position: absolute;
|
||||
z-index: 3;
|
||||
// transition: all 1s;
|
||||
}
|
||||
|
||||
.card1 {
|
||||
background: url(../images/card.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
|
||||
.card2 {
|
||||
background: url(../images/card2.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
.card3 {
|
||||
background: url(../images/card3.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.card1_active {
|
||||
background: url(../images/card1_active.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.card2_active {
|
||||
background: url(../images/card2_active.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.card3_active {
|
||||
background: url(../images/card3_active.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.card_not {
|
||||
background: url(../images/not.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.card_winning1 {
|
||||
background: url(../images/winning1.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.card_winning2 {
|
||||
background: url(../images/winning2.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.card_winning3 {
|
||||
background: url(../images/winning3.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.cardBox0 {
|
||||
left: px2rem(71, );
|
||||
top: px2rem(157, );
|
||||
}
|
||||
|
||||
.cardBox1 {
|
||||
left: px2rem(224, );
|
||||
top: px2rem(157, );
|
||||
}
|
||||
|
||||
.cardBox2 {
|
||||
left: px2rem(378, );
|
||||
top: px2rem(157, );
|
||||
}
|
||||
|
||||
.cardBox3 {
|
||||
left: px2rem(531, );
|
||||
top: px2rem(157, );
|
||||
}
|
||||
|
||||
.cardBox4 {
|
||||
left: px2rem(531, );
|
||||
top: px2rem(414, );
|
||||
}
|
||||
|
||||
.cardBox5 {
|
||||
left: px2rem(531, );
|
||||
top: px2rem(664, );
|
||||
}
|
||||
|
||||
.cardBox6 {
|
||||
left: px2rem(378, );
|
||||
top: px2rem(664, );
|
||||
}
|
||||
|
||||
.cardBox7 {
|
||||
left: px2rem(224, );
|
||||
top: px2rem(664, );
|
||||
}
|
||||
|
||||
.cardBox8 {
|
||||
left: px2rem(71, );
|
||||
top: px2rem(664, );
|
||||
}
|
||||
|
||||
.cardBox9 {
|
||||
left: px2rem(71, );
|
||||
top: px2rem(414, );
|
||||
}
|
||||
|
||||
.cardBoxBut {
|
||||
width: px2rem(188, );
|
||||
height: px2rem(74, );
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(560, );
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.butAgain {
|
||||
width: px2rem(188, );
|
||||
height: px2rem(74, );
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(560, );
|
||||
display: none;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.gonggao {
|
||||
width: 100%;
|
||||
height: 1.3rem;
|
||||
box-sizing: border-box;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 12.25rem;
|
||||
overflow: hidden;
|
||||
|
||||
.ul1 {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
li {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: px2rem(24, );
|
||||
margin-bottom: px2rem(11, );
|
||||
|
||||
b {
|
||||
color: #FFEAA9;
|
||||
}
|
||||
|
||||
i {
|
||||
font-style: normal;
|
||||
color: #80E6FF;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.cardBoxText_gift {
|
||||
width: px2rem(320, );
|
||||
height: px2rem(226, );
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(432, );
|
||||
color: #FEF0C0;
|
||||
font-size: px2rem(30, );
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.cardBoxText_gx {
|
||||
width: px2rem(320, );
|
||||
height: px2rem(226, );
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(414, );
|
||||
box-sizing: border-box;
|
||||
padding-top: px2rem(66, );
|
||||
display: none;
|
||||
|
||||
p {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
margin-bottom: px2rem(16, );
|
||||
color: #FFE26D;
|
||||
font-size: px2rem(28, );
|
||||
|
||||
i {
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
b {
|
||||
color: #FFE26D;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.cardBoxText_no {
|
||||
width: px2rem(320, );
|
||||
height: px2rem(226, );
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(414, );
|
||||
box-sizing: border-box;
|
||||
padding-top: px2rem(66, );
|
||||
display: none;
|
||||
|
||||
p {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
margin-bottom: px2rem(16, );
|
||||
color: #fff;
|
||||
font-size: px2rem(28, );
|
||||
|
||||
i {
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
b {
|
||||
color: #80E6FF;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.cardBoxText {
|
||||
width: px2rem(320, );
|
||||
height: px2rem(226, );
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(414, );
|
||||
box-sizing: border-box;
|
||||
padding-top: px2rem(66, );
|
||||
z-index: 3;
|
||||
|
||||
p {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
margin-bottom: px2rem(16, );
|
||||
color: #fff;
|
||||
font-size: px2rem(28, );
|
||||
|
||||
i {
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
b {
|
||||
color: #80E6FF;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.star {
|
||||
width: px2rem(336, );
|
||||
height: px2rem(290, );
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(414, );
|
||||
|
||||
.star_in {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
canvas {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
h3 {
|
||||
width: 100%;
|
||||
margin-bottom: px2rem(12, );
|
||||
color: #D7D9F7;
|
||||
font-size: px2rem(18, );
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.rule_pub {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
z-index: 99999;
|
||||
background: rgba(0, 0, 0, .4);
|
||||
display: none;
|
||||
|
||||
.rule_pub_in {
|
||||
width: px2rem(654, );
|
||||
height: px2rem(874, );
|
||||
background: url(../images/rule.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
|
||||
.close {
|
||||
position: absolute;
|
||||
width: px2rem(68, );
|
||||
height: px2rem(68, );
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: px2rem(-100, );
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.winningRecord {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
z-index: 99999;
|
||||
background: rgba(0, 0, 0, .4);
|
||||
display: none;
|
||||
|
||||
.winningRecord_in {
|
||||
width: px2rem(654, );
|
||||
height: px2rem(874, );
|
||||
background: url(../images/winningRecord.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
|
||||
.title {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-bottom: px2rem(32, );
|
||||
|
||||
div {
|
||||
width: 25%;
|
||||
color: #FFFFFF;
|
||||
font-size: px2rem(28, );
|
||||
margin-top: px2rem(164, );
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(3, );
|
||||
height: 8rem;
|
||||
margin: 0 auto;
|
||||
overflow-y: scroll;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
width: 0;
|
||||
display: none;
|
||||
}
|
||||
|
||||
li {
|
||||
background: none;
|
||||
width: 100%;
|
||||
height: px2rem(80, );
|
||||
line-height: px2rem(80, );
|
||||
color: #FFEE9D;
|
||||
font-size: px2rem(26, );
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
overflow: hidden;
|
||||
|
||||
div {
|
||||
text-align: center;
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
.box {
|
||||
line-height: px2rem(80, );
|
||||
}
|
||||
|
||||
.box_acitve {
|
||||
line-height: 0.45rem;
|
||||
margin-top: 0.1rem;
|
||||
}
|
||||
|
||||
.time {
|
||||
line-height: 0.4rem;
|
||||
margin-top: 0.2rem;
|
||||
}
|
||||
}
|
||||
|
||||
.active {
|
||||
background: rgba(135, 133, 243, 0.6);
|
||||
}
|
||||
}
|
||||
|
||||
.close {
|
||||
position: absolute;
|
||||
width: px2rem(68, );
|
||||
height: px2rem(68, );
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: px2rem(-100, );
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 碎片不足弹窗
|
||||
.shade-mask-fragmentNum {
|
||||
display: none;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 99999;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
background-color: rgba($color: #000000, $alpha: 0.6);
|
||||
|
||||
.shade-content-fragmentNum {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: px2rem(600);
|
||||
height: px2rem(600);
|
||||
background: white;
|
||||
border-radius: px2rem(24);
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
|
||||
.fragmentNum-title {
|
||||
font-size: px2rem(36);
|
||||
font-weight: bold;
|
||||
color: #333333;
|
||||
margin-top: px2rem(38);
|
||||
}
|
||||
|
||||
img {
|
||||
width: px2rem(120);
|
||||
width: px2rem(120);
|
||||
margin-top: px2rem(108);
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: px2rem(30);
|
||||
font-weight: 600;
|
||||
color: #333333;
|
||||
margin-top: px2rem(50);
|
||||
}
|
||||
|
||||
.fragmentNum-btn-wrap {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
width: px2rem(512);
|
||||
height: px2rem(76);
|
||||
margin-top: px2rem(90);
|
||||
|
||||
.cancel-btn,
|
||||
.confirm-btn {
|
||||
width: px2rem(240);
|
||||
height: px2rem(76);
|
||||
line-height: px2rem(76);
|
||||
text-align: center;
|
||||
border-radius: px2rem(38);
|
||||
font-size: px2rem(28);
|
||||
font-weight: 600;
|
||||
background-color: #EAE5FC;
|
||||
color: #7154EE;
|
||||
}
|
||||
|
||||
.confirm-btn {
|
||||
background-color: #735FFE;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
BIN
view/peko/modules/luckyTarot/images/10Gold.png
Normal file
BIN
view/peko/modules/luckyTarot/images/10Gold.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
BIN
view/peko/modules/luckyTarot/images/active1.png
Normal file
BIN
view/peko/modules/luckyTarot/images/active1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
BIN
view/peko/modules/luckyTarot/images/active2.png
Normal file
BIN
view/peko/modules/luckyTarot/images/active2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
BIN
view/peko/modules/luckyTarot/images/active3.png
Normal file
BIN
view/peko/modules/luckyTarot/images/active3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
BIN
view/peko/modules/luckyTarot/images/add.png
Normal file
BIN
view/peko/modules/luckyTarot/images/add.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 243 B |
BIN
view/peko/modules/luckyTarot/images/bg.png
Normal file
BIN
view/peko/modules/luckyTarot/images/bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 794 KiB |
BIN
view/peko/modules/luckyTarot/images/but1.png
Normal file
BIN
view/peko/modules/luckyTarot/images/but1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
BIN
view/peko/modules/luckyTarot/images/but2.png
Normal file
BIN
view/peko/modules/luckyTarot/images/but2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
view/peko/modules/luckyTarot/images/but3.png
Normal file
BIN
view/peko/modules/luckyTarot/images/but3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
view/peko/modules/luckyTarot/images/butAgain1.png
Normal file
BIN
view/peko/modules/luckyTarot/images/butAgain1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
BIN
view/peko/modules/luckyTarot/images/butAgain2.png
Normal file
BIN
view/peko/modules/luckyTarot/images/butAgain2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
view/peko/modules/luckyTarot/images/butAgain3.png
Normal file
BIN
view/peko/modules/luckyTarot/images/butAgain3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
BIN
view/peko/modules/luckyTarot/images/card.png
Normal file
BIN
view/peko/modules/luckyTarot/images/card.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 63 KiB |
BIN
view/peko/modules/luckyTarot/images/card1_active.png
Normal file
BIN
view/peko/modules/luckyTarot/images/card1_active.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 61 KiB |
BIN
view/peko/modules/luckyTarot/images/card2.png
Normal file
BIN
view/peko/modules/luckyTarot/images/card2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 63 KiB |
BIN
view/peko/modules/luckyTarot/images/card2_active.png
Normal file
BIN
view/peko/modules/luckyTarot/images/card2_active.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 55 KiB |
BIN
view/peko/modules/luckyTarot/images/card3.png
Normal file
BIN
view/peko/modules/luckyTarot/images/card3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 70 KiB |
BIN
view/peko/modules/luckyTarot/images/card3_active.png
Normal file
BIN
view/peko/modules/luckyTarot/images/card3_active.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 64 KiB |
BIN
view/peko/modules/luckyTarot/images/close.png
Normal file
BIN
view/peko/modules/luckyTarot/images/close.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.9 KiB |
BIN
view/peko/modules/luckyTarot/images/diamond.png
Normal file
BIN
view/peko/modules/luckyTarot/images/diamond.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
BIN
view/peko/modules/luckyTarot/images/header.png
Normal file
BIN
view/peko/modules/luckyTarot/images/header.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 76 KiB |
BIN
view/peko/modules/luckyTarot/images/icon.png
Normal file
BIN
view/peko/modules/luckyTarot/images/icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.6 KiB |
BIN
view/peko/modules/luckyTarot/images/middleBg.png
Normal file
BIN
view/peko/modules/luckyTarot/images/middleBg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 392 KiB |
BIN
view/peko/modules/luckyTarot/images/no-money.png
Normal file
BIN
view/peko/modules/luckyTarot/images/no-money.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
view/peko/modules/luckyTarot/images/not.png
Normal file
BIN
view/peko/modules/luckyTarot/images/not.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
BIN
view/peko/modules/luckyTarot/images/roulette.svga
Normal file
BIN
view/peko/modules/luckyTarot/images/roulette.svga
Normal file
Binary file not shown.
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user