Compare commits
68 Commits
ocean
...
disclaimer
| Author | SHA1 | Date | |
|---|---|---|---|
|
3e9a323e77 | ||
|
|
192846f665 | ||
|
|
04ec4e1213 | ||
|
|
d4edc4d7f9 | ||
|
|
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 | ||
|
|
c6df9a0872 | ||
|
|
180d64064a | ||
|
|
518bac9298 | ||
|
|
9974ad913c | ||
|
|
609dea5884 |
@@ -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%;
|
||||
@@ -181,6 +198,7 @@ body {
|
||||
padding-left: 0.6266666667rem;
|
||||
}
|
||||
.wrap .game-area .select-time ul li {
|
||||
transition: all, 0.2s;
|
||||
position: relative;
|
||||
z-index: 99;
|
||||
width: 1.84rem;
|
||||
|
||||
@@ -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;
|
||||
@@ -291,6 +306,7 @@ body {
|
||||
padding-left: px2rem(47);
|
||||
|
||||
li {
|
||||
transition: all, 0.2s;
|
||||
position: relative;
|
||||
z-index: 99;
|
||||
width: px2rem(138);
|
||||
|
||||
BIN
view/peko/activity/act-ocean/images/1.png
Normal file
BIN
view/peko/activity/act-ocean/images/1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.1 KiB |
BIN
view/peko/activity/act-ocean/images/2.png
Normal file
BIN
view/peko/activity/act-ocean/images/2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
view/peko/activity/act-ocean/images/3.png
Normal file
BIN
view/peko/activity/act-ocean/images/3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
BIN
view/peko/activity/act-ocean/images/4.png
Normal file
BIN
view/peko/activity/act-ocean/images/4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
BIN
view/peko/activity/act-ocean/images/5.png
Normal file
BIN
view/peko/activity/act-ocean/images/5.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
BIN
view/peko/activity/act-ocean/images/6.png
Normal file
BIN
view/peko/activity/act-ocean/images/6.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
BIN
view/peko/activity/act-ocean/images/7.png
Normal file
BIN
view/peko/activity/act-ocean/images/7.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
view/peko/activity/act-ocean/images/8.png
Normal file
BIN
view/peko/activity/act-ocean/images/8.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 505 B After Width: | Height: | Size: 459 B |
Binary file not shown.
|
Before Width: | Height: | Size: 61 KiB After Width: | Height: | Size: 60 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.8 KiB After Width: | Height: | Size: 8.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.3 KiB After Width: | Height: | Size: 6.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.6 KiB After Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 20 KiB After Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 64 KiB After Width: | Height: | Size: 24 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.2 KiB After Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 35 KiB After Width: | Height: | Size: 32 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 34 KiB After Width: | Height: | Size: 30 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.5 KiB After Width: | Height: | Size: 3.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.0 KiB After Width: | Height: | Size: 4.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 626 KiB After Width: | Height: | Size: 501 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 17 KiB After Width: | Height: | Size: 5.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 578 B After Width: | Height: | Size: 452 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1011 B After Width: | Height: | Size: 818 B |
Binary file not shown.
|
Before Width: | Height: | Size: 582 B After Width: | Height: | Size: 508 B |
Binary file not shown.
|
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.1 KiB After Width: | Height: | Size: 5.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 22 KiB After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 324 B After Width: | Height: | Size: 273 B |
Binary file not shown.
|
Before Width: | Height: | Size: 157 KiB After Width: | Height: | Size: 83 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 918 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 1.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.6 KiB After Width: | Height: | Size: 5.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.0 KiB After Width: | Height: | Size: 4.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.0 KiB After Width: | Height: | Size: 4.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 23 KiB After Width: | Height: | Size: 17 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 125 KiB After Width: | Height: | Size: 103 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 9.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.8 KiB After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.7 KiB After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.3 KiB After Width: | Height: | Size: 2.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 841 B After Width: | Height: | Size: 784 B |
Binary file not shown.
|
Before Width: | Height: | Size: 30 KiB After Width: | Height: | Size: 26 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.6 KiB After Width: | Height: | Size: 2.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.8 KiB After Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.3 KiB After Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.8 KiB After Width: | Height: | Size: 2.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 22 KiB After Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 211 KiB After Width: | Height: | Size: 203 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 111 KiB After Width: | Height: | Size: 99 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 135 KiB After Width: | Height: | Size: 115 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 56 KiB After Width: | Height: | Size: 50 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.1 KiB After Width: | Height: | Size: 729 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.8 KiB After Width: | Height: | Size: 717 B |
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 |
Binary file not shown.
|
Before Width: | Height: | Size: 2.4 KiB After Width: | Height: | Size: 2.3 KiB |
@@ -6,12 +6,13 @@
|
||||
<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?v=2.2">
|
||||
</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">
|
||||
@@ -36,7 +37,7 @@
|
||||
<div class="recharge"><img src="./images/mall/recharge.png" alt=""></div>
|
||||
</div>
|
||||
<!-- 游戏区域 -->
|
||||
<div class="game-area" style="display: none;">
|
||||
<div class="game-area" >
|
||||
<!-- 本轮轮次 -->
|
||||
<div class="roundId"></div>
|
||||
<!-- 选择时间 -->
|
||||
@@ -50,7 +51,86 @@
|
||||
<div>10000</div>
|
||||
</div>
|
||||
<ul>
|
||||
|
||||
<!-- <li class="li0" data-total-num="">
|
||||
<img src="./images/1.png" alt="">
|
||||
<div class="multiple"></div>
|
||||
<div class="name general"></div>
|
||||
<div class="bubble-2s">
|
||||
<p class="first-line">點擊選取</p>
|
||||
<p class="second-line">賺 <span></span> 倍獎勵</p>
|
||||
</div>
|
||||
<div class="select-num"></div>
|
||||
</li>
|
||||
<li class="li1" data-total-num="">
|
||||
<img src="./images/2.png" alt="">
|
||||
<div class="multiple"></div>
|
||||
<div class="name general"></div>
|
||||
<div class="bubble-2s">
|
||||
<p class="first-line">點擊選取</p>
|
||||
<p class="second-line">賺 <span></span> 倍獎勵</p>
|
||||
</div>
|
||||
<div class="select-num"></div>
|
||||
</li>
|
||||
<li class="li2" data-total-num="">
|
||||
<img src="./images/3.png" alt="">
|
||||
<div class="multiple"></div>
|
||||
<div class="name general"></div>
|
||||
<div class="bubble-2s">
|
||||
<p class="first-line">點擊選取</p>
|
||||
<p class="second-line">賺 <span></span> 倍獎勵</p>
|
||||
</div>
|
||||
<div class="select-num"></div>
|
||||
</li>
|
||||
<li class="li3" data-total-num="">
|
||||
<img src="./images/4.png" alt="">
|
||||
<div class="multiple"></div>
|
||||
<div class="name general"></div>
|
||||
<div class="bubble-2s">
|
||||
<p class="first-line">點擊選取</p>
|
||||
<p class="second-line">賺 <span></span> 倍獎勵</p>
|
||||
</div>
|
||||
<div class="select-num"></div>
|
||||
</li>
|
||||
<li class="li4" data-total-num="">
|
||||
<img src="./images/5.png" alt="">
|
||||
<div class="multiple"></div>
|
||||
<div class="name general"></div>
|
||||
<div class="bubble-2s">
|
||||
<p class="first-line">點擊選取</p>
|
||||
<p class="second-line">賺 <span></span> 倍獎勵</p>
|
||||
</div>
|
||||
<div class="select-num"></div>
|
||||
</li>
|
||||
<li class="li5" data-total-num="">
|
||||
<img src="./images/6.png" alt="">
|
||||
<div class="multiple"></div>
|
||||
<div class="name general"></div>
|
||||
<div class="bubble-2s">
|
||||
<p class="first-line">點擊選取</p>
|
||||
<p class="second-line">賺 <span></span> 倍獎勵</p>
|
||||
</div>
|
||||
<div class="select-num"></div>
|
||||
</li>
|
||||
<li class="li6" data-total-num="">
|
||||
<img src="./images/7.png" alt="">
|
||||
<div class="multiple"></div>
|
||||
<div class="name general"></div>
|
||||
<div class="bubble-2s">
|
||||
<p class="first-line">點擊選取</p>
|
||||
<p class="second-line">賺 <span></span> 倍獎勵</p>
|
||||
</div>
|
||||
<div class="select-num"></div>
|
||||
</li>
|
||||
<li class="li7" data-total-num="">
|
||||
<img src="./images/8.png" alt="">
|
||||
<div class="multiple"></div>
|
||||
<div class="name general"></div>
|
||||
<div class="bubble-2s">
|
||||
<p class="first-line">點擊選取</p>
|
||||
<p class="second-line">賺 <span></span> 倍獎勵</p>
|
||||
</div>
|
||||
<div class="select-num"></div>
|
||||
</li> -->
|
||||
</ul>
|
||||
|
||||
<div class="shelf"><img src="./images/shelf.png" alt=""></div>
|
||||
@@ -62,7 +142,7 @@
|
||||
<div class="current-tip">等待结果</div>
|
||||
</div>
|
||||
<!-- 开奖展示动画时间 -->
|
||||
<div class="draw-time">
|
||||
<div class="draw-time" style="display: none;">
|
||||
<div class="count-down">下一轮：<span class="count-down-num"></span>秒</div>
|
||||
<div class="current-tip">本轮结果：<span class="current-result"></span></div>
|
||||
<!-- 中奖物品展示 -->
|
||||
@@ -189,7 +269,7 @@
|
||||
<div class="qtsm">
|
||||
<p class="title">其他說明</p>
|
||||
如果以上說明未能解答您的疑問，請聯繫客服，會有專人解答疑難
|
||||
<p>本活動與蘋果公司無關</p>
|
||||
<p>本活動以及活動獎勵與Google/蘋果公司無關</p>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
@@ -245,7 +325,7 @@
|
||||
<script src="../../common/js/layer.js"></script>
|
||||
<script src="../../common/js/vconsole.min.js"></script>
|
||||
<script src="../../common/js/svga.min.js"></script>
|
||||
<script src="./js/index.js?v=2.2"></script>
|
||||
<script src="./js/index.js?v=2.1"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -82,6 +82,7 @@ const getUserPieceNum = () => {
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
$('.info-bottom').find('.fragment span').html(res.data.diamonds)
|
||||
$('.wrap .info-bottom .info-wrap .diamond-num span').text(res.data.diamonds)
|
||||
myFragment = res.data.diamonds;
|
||||
} else {
|
||||
return toastMsg(res.message)
|
||||
@@ -455,10 +456,10 @@ const renderDrawInfo = () => {
|
||||
$('.wrap .game-area .draw-time .draw-pic').remove();
|
||||
var lenght = drawInfo.drawItemList.length;
|
||||
var drawStr = '';
|
||||
drawInfo.drawItemList.forEach(res => {
|
||||
drawInfo.drawItemList.forEach(item => {
|
||||
drawStr += `
|
||||
<div class="draw-pic">
|
||||
<img src="${res.drawImageUrl}" alt="">
|
||||
<img src="${item.drawName == '洋蔥' ? './images/1.png' : item.drawName == '番茄' ? './images/2.png' : item.drawName == '蘑菇' ? './images/3.png' : item.drawName == '土豆' ? './images/4.png' : item.drawName == '大閘蟹' ? './images/5.png' : item.drawName == '魚' ? './images/6.png' : item.drawName == '雞肉' ? './images/7.png' : item.drawName == '龍蝦' ? './images/8.png' : item.drawImageUrl}" alt="">
|
||||
</div>
|
||||
`
|
||||
})
|
||||
@@ -504,13 +505,13 @@ const renderDrawInfo = () => {
|
||||
$('.put-wrap .list .item').remove()
|
||||
// 渲染投入列表
|
||||
let list = ''
|
||||
drawInfo.userDrawResult.drawRecords.map(res => {
|
||||
drawInfo.userDrawResult.drawRecords.map(item => {
|
||||
list += `
|
||||
<div class="item">
|
||||
<p><img src="${res.imgUrl}" class="gift" alt=""></p>
|
||||
<p><img src="${item.name == '洋蔥' ? './images/1.png' : item.name == '番茄' ? './images/2.png' : item.name == '蘑菇' ? './images/3.png' : item.name == '土豆' ? './images/4.png' : item.name == '大閘蟹' ? './images/5.png' : item.name == '魚' ? './images/6.png' : item.name == '雞肉' ? './images/7.png' : item.name == '龍蝦' ? './images/8.png' : item.imgUrl}" class="gift" alt=""></p>
|
||||
<div>
|
||||
<img src="./images/diamond.png" class="diamond" alt="">
|
||||
<span class="in">${res.costPieceNum}</span>
|
||||
<span class="in">${item.costPieceNum}</span>
|
||||
</div>
|
||||
</div>
|
||||
`
|
||||
@@ -609,10 +610,10 @@ const renderListItem = () => {
|
||||
`
|
||||
})
|
||||
} else {
|
||||
listItem.map((item) => {
|
||||
listItem.forEach((item, i) => {
|
||||
str += `
|
||||
<li data-total-num={"number":"${item.costPieceNum}","id":"${item.id}"}>
|
||||
<img src="${item.imgUrl}" alt="">
|
||||
<img src="${item.name == '洋蔥' ? './images/1.png' : item.name == '番茄' ? './images/2.png' : item.name == '蘑菇' ? './images/3.png' : item.name == '土豆' ? './images/4.png' : item.name == '大閘蟹' ? './images/5.png' : item.name == '魚' ? './images/6.png' : item.name == '雞肉' ? './images/7.png' : item.name == '龍蝦' ? './images/8.png' : item.imgUrl}" alt="">
|
||||
<div class="multiple">x${item.multiple}</div>
|
||||
<div class="name">${item.name} <p class="gift-price">${item.price ? `(${item.price}鉆石)` : ''}</p></div>
|
||||
<div class="bubble-2s">
|
||||
@@ -670,13 +671,13 @@ const renderPreviousResults = (val) => {
|
||||
<li>
|
||||
${res.drawItemList.map(item => {
|
||||
if (res.drawItemList.length == 1) {
|
||||
return `<p style="width:0.8rem;height:0.8rem"><img src="${item.drawImageUrl}" alt=""></p>`;
|
||||
return `<p style="width:0.8rem;height:0.8rem"><img src="${item.drawName == '洋蔥' ? './images/1.png' : item.drawName == '番茄' ? './images/2.png' : item.drawName == '蘑菇' ? './images/3.png' : item.drawName == '土豆' ? './images/4.png' : item.drawName == '大閘蟹' ? './images/5.png' : item.drawName == '魚' ? './images/6.png' : item.drawName == '雞肉' ? './images/7.png' : item.drawName == '龍蝦' ? './images/8.png' : item.drawImageUrl}" alt=""></p>`;
|
||||
} else if (res.drawItemList.length == 2) {
|
||||
return `<p style="width:0.6rem;height:0.6rem"><img src="${item.drawImageUrl}" alt=""></p>`;
|
||||
return `<p style="width:0.6rem;height:0.6rem"><img src="${item.drawName == '洋蔥' ? './images/1.png' : item.drawName == '番茄' ? './images/2.png' : item.drawName == '蘑菇' ? './images/3.png' : item.drawName == '土豆' ? './images/4.png' : item.drawName == '大閘蟹' ? './images/5.png' : item.drawName == '魚' ? './images/6.png' : item.drawName == '雞肉' ? './images/7.png' : item.drawName == '龍蝦' ? './images/8.png' : item.drawImageUrl}" alt=""></p>`;
|
||||
} else if (res.drawItemList.length == 3) {
|
||||
return `<p style="width:0.45rem;height:0.45rem"><img src="${item.drawImageUrl}" alt=""></p>`;
|
||||
return `<p style="width:0.45rem;height:0.45rem"><img src="${item.drawName == '洋蔥' ? './images/1.png' : item.drawName == '番茄' ? './images/2.png' : item.drawName == '蘑菇' ? './images/3.png' : item.drawName == '土豆' ? './images/4.png' : item.drawName == '大閘蟹' ? './images/5.png' : item.drawName == '魚' ? './images/6.png' : item.drawName == '雞肉' ? './images/7.png' : item.drawName == '龍蝦' ? './images/8.png' : item.drawImageUrl}" alt=""></p>`;
|
||||
} else {
|
||||
return `<p><img style="width:0.3333333333rem;height:0.3333333333rem" src="${item.drawImageUrl}" alt=""></p>`;
|
||||
return `<p><img style="width:0.3333333333rem;height:0.3333333333rem" src="${item.drawName == '洋蔥' ? './images/1.png' : item.drawName == '番茄' ? './images/2.png' : item.drawName == '蘑菇' ? './images/3.png' : item.drawName == '土豆' ? './images/4.png' : item.drawName == '大閘蟹' ? './images/5.png' : item.drawName == '魚' ? './images/6.png' : item.drawName == '雞肉' ? './images/7.png' : item.drawName == '龍蝦' ? './images/8.png' : item.drawImageUrl}" alt=""></p>`;
|
||||
}
|
||||
|
||||
}).join('')
|
||||
@@ -704,17 +705,19 @@ const sendUserDrawInfo = (itemId, num, tais) => {
|
||||
tais.data('total-num').number = parseInt(tais.data('total-num').number) + fragmentNum
|
||||
tais
|
||||
.stop(true, true)
|
||||
.animate({ scale: 1.1 }, 200)
|
||||
.animate({ scale: 1 }, 200, function () {
|
||||
if (lock) {
|
||||
tais.find('.select-num').html('+' + tais.data('total-num').number).hide().fadeIn(200)
|
||||
}
|
||||
setTimeout(() => {
|
||||
.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)
|
||||
tais.find('.select-num').html('+' + tais.data('total-num').number).hide().fadeIn(50)
|
||||
// }
|
||||
// setTimeout(() => {
|
||||
// getUserInfo()
|
||||
getUserPieceNum()
|
||||
// getListItem(roundId)
|
||||
}, 100)
|
||||
})
|
||||
// }, 100)
|
||||
// })
|
||||
hideLoading(layerIndex)
|
||||
} else if (31005) {
|
||||
lock = !lock
|
||||
@@ -1017,7 +1020,7 @@ $(function () {
|
||||
$('.recharge').click(function () {
|
||||
// if (browser.app) {
|
||||
// if (browser.ios) {
|
||||
// window.location.href = 'https://api.pekolive.com/peko/modules/pay/index.html?channelType=4';
|
||||
// window.location.href = 'http://192.168.0.19:5502/view/peko/modules/pay/index.html?channelType=4';
|
||||
// } else {
|
||||
// if (browser.android) {
|
||||
// let channel = pubInfo.deviceInfo.channel
|
||||
@@ -1079,9 +1082,14 @@ $(function () {
|
||||
window.location.href = urlPrefix + '/peko/modules/pay/index.html?channelType=4';
|
||||
}
|
||||
} else if (browser.ios) {
|
||||
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內打開')
|
||||
}
|
||||
@@ -1139,68 +1147,7 @@ $(function () {
|
||||
$('.shade-content-rank').on('click', function (e) {
|
||||
e.stopPropagation()
|
||||
})
|
||||
// 監聽滾動
|
||||
// $('.other-rank').on('scroll', function () {
|
||||
// let scrollTop = $(this).scrollTop();//這是已經卷進去滾動條的的高度
|
||||
// let scrollHeight = $('.other-rank')[0].scrollHeight;//這個是other-rank包含滾動條的總高度
|
||||
// let ulHeight = $(this).innerHeight();//這個是other-rank的高度
|
||||
|
||||
// //這樣距離到底還有一段距離就請求，但是會導致重復請求，所以要加鎖限製
|
||||
// if (scrollTop + ulHeight + 100 >= scrollHeight) {
|
||||
// if (type === 1) {
|
||||
// if (isLockD) {
|
||||
// isLockD = false
|
||||
// pageD++
|
||||
// if (pageSize * pageD > 30) {
|
||||
// toastMsg('沒有更多數據啦~')
|
||||
// } else {
|
||||
// if (canRequsetNextPageD) {
|
||||
// getListRank(type, pageD);
|
||||
// } else {
|
||||
// toastMsg('沒有更多數據啦~')
|
||||
// }
|
||||
// }
|
||||
// } else {
|
||||
// if (scrollTop + ulHeight >= scrollHeight) {
|
||||
// if (pageSize * pageD > 30) {
|
||||
// toastMsg('沒有更多數據啦~')
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// } else {
|
||||
// if (isLockN) {
|
||||
// isLockN = false
|
||||
// pageN++
|
||||
// if (pageSize * pageN > 30) {
|
||||
// toastMsg('沒有更多數據啦~')
|
||||
// } else {
|
||||
// if (canRequsetNextPageN) {
|
||||
// getListRank(type, pageN);
|
||||
// } else {
|
||||
// toastMsg('沒有更多數據啦')
|
||||
// }
|
||||
// }
|
||||
// } else {
|
||||
// if (scrollTop + ulHeight >= scrollHeight) {
|
||||
// if (pageSize * pageN > 30) {
|
||||
// toastMsg('沒有更多數據啦~')
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// })
|
||||
|
||||
// 播放3s動畫
|
||||
// let player1 = new SVGA.Player('.draw-time');
|
||||
// let parser1 = new SVGA.Parser('.draw-time');
|
||||
// parser1.load('./images/draw.svga', function (videoItem) {
|
||||
// // player.loops = 2;
|
||||
// player1.clearsAfterStop = false;
|
||||
// player1.setVideoItem(videoItem);
|
||||
// player1.startAnimation();
|
||||
// })
|
||||
// 点击跳转个人主页
|
||||
// $('.draw-time .top-three .top-three-list .no').off()
|
||||
$('.draw-time .top-three .top-three-list .no').click(function () {
|
||||
@@ -1232,9 +1179,14 @@ $(function () {
|
||||
window.location.href = urlPrefix + '/peko/modules/pay/index.html?channelType=4';
|
||||
}
|
||||
} else if (browser.ios) {
|
||||
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內打開')
|
||||
}
|
||||
@@ -1253,8 +1205,8 @@ $(function () {
|
||||
return
|
||||
}
|
||||
|
||||
if (!lock) {
|
||||
lock = !lock
|
||||
// if (!lock) {
|
||||
// lock = !lock
|
||||
// console.log($(this).data('total-num'));
|
||||
// console.log($(this).data('total-num').number);
|
||||
// console.log(fragmentNum);
|
||||
@@ -1273,7 +1225,7 @@ $(function () {
|
||||
// }, 100)
|
||||
// })
|
||||
sendUserDrawInfo($(this).data('total-num').id, fragmentNum, $(this))
|
||||
}
|
||||
// }
|
||||
})
|
||||
|
||||
// ios去到後臺或者鎖屏後再回來倒計時不準確
|
||||
@@ -1295,6 +1247,7 @@ $(function () {
|
||||
$countDown.html(countDownTime)
|
||||
}
|
||||
})
|
||||
|
||||
})
|
||||
//返回页面 重新请求接口
|
||||
var hiddenProperty = 'hidden' in document ? 'hidden' :
|
||||
|
||||
@@ -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',
|
||||
var browser = checkVersion();
|
||||
const pubHeader = {};
|
||||
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
|
||||
};
|
||||
|
||||
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) {
|
||||
@@ -793,3 +796,12 @@ 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');
|
||||
|
||||
}
|
||||
}
|
||||
@@ -27,7 +27,7 @@ $(function () {
|
||||
|
||||
//判断url参数是否是与渠道包名一致
|
||||
let androidUrl = null;
|
||||
channelDict.hasOwnProperty(channelData) ? androidUrl = channelDict[channelData] : androidUrl = 'https://play.google.com/store/apps/details?id=com.vele.peko';
|
||||
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商店包
|
||||
|
||||
@@ -103,14 +103,15 @@ $(function () {
|
||||
})
|
||||
// logo跳转
|
||||
$('.googlePlay').click(function () {
|
||||
window.location.href = 'https://play.google.com/store/apps/details?id=com.vele.peko'
|
||||
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 = 'itms-services:///?action=download-manifest&url=https://img.pekolive.com/distribute.plist'
|
||||
} else {
|
||||
window.location.href = 'http://doudouyue.com/h958'
|
||||
window.location.href = 'https://apps.apple.com/cn/app/id6446155565'
|
||||
}
|
||||
else {
|
||||
window.location.href = 'http://doudouyue.com/3gh2'
|
||||
}
|
||||
})
|
||||
$('.apk').click(function () {
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 286 KiB After Width: | Height: | Size: 83 KiB |
@@ -27,10 +27,10 @@
|
||||
<div class="txBox">
|
||||
<img src="" alt="">
|
||||
</div>
|
||||
<div class="giftName">我又我又我又啊</div>
|
||||
<div class="giftName"></div>
|
||||
<img src="" alt="" class="icon">
|
||||
<div class="score">202.5W</div>
|
||||
<div class="probability">0%</div>
|
||||
<div class="score"></div>
|
||||
<div class="probability"></div>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tab2">
|
||||
|
||||
@@ -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 |
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user