Skip to content

libai / footsen

Go to a project
Commit 6f17d8c9 by dawei
Options

feat: 马甲包绑定提现

parent 05848587
Inline Side-by-side
Showing with 1566 additions and 146 deletions
footseen/Nesting/withdraw/css/bank copy.css 0 → 100644
body .layui-layer {
background-color: transparent;
box-shadow: none;
border-radius: 0;
}
body .layui-layer.layui-layer-hui {
background-color: #000;
filter: alpha(opacity=60);
background-color: rgba(0, 0, 0, 0.6);
}
body {
line-height: 1.1;
font-family: "微软雅黑";
}
.main {
background-color: #FFF;
width: 10rem;
position: relative;
font-size: 0;
margin: 0 auto;
padding-top: 0.586rem;
padding-bottom: 0.4rem;
}
.mTitle {
position: relative;
font-size: 0;
width: 8.8rem;
margin: 0 auto;
}
.mTitle p {
font-size: 0.293rem;
color: #999;
margin-top: 0.066rem;
width: 100%;
}
.mTitle p.blue {
color: #007AFF;
}
.mTitle p:nth-child(1) {
margin-top: 0;
}
.mBox {
position: relative;
width: 10rem;
margin: 0.346rem auto 0;
font-size: 0;
text-align: center;
}
input::-webkit-input-placeholder {
color: #CCC;
font-weight: normal;
}
input:-moz-placeholder {
color: #CCC;
font-weight: normal;
}
input::-moz-placeholder {
color: #CCC;
font-weight: normal;
}
input:-ms-input-placeholder {
color: #CCC;
font-weight: normal;
}
.mIptDesc {
margin-top: 0.12rem;
font-size: 0.293rem;
color: #333;
text-align: left;
margin-left: 0.6rem;
}
.mBtn {
width: 8.533rem;
height: 1.28rem;
line-height: 1.28rem;
text-align: center;
font-size: 0.48rem;
color: #FFF;
background-color: #E62E74;
border-radius: 0.64rem;
-webkit-border-radius: 0.64rem;
-moz-border-radius: 0.64rem;
-ms-border-radius: 0.64rem;
-o-border-radius: 0.64rem;
margin: 1.493rem auto 0;
}
.mIptText2 {
top: 8.865rem;
}
.mask2 {
position: relative;
width: 7.2rem;
padding-bottom: 1.6rem;
background: #F7F7F7;
font-size: 0;
border-radius: 0.213rem;
-webkit-border-radius: 0.213rem;
-moz-border-radius: 0.213rem;
-ms-border-radius: 0.213rem;
-o-border-radius: 0.213rem;
}
.mask2Info {
position: relative;
width: 100%;
font-size: 0;
padding-top: 0.533rem;
}
.mask2Info p {
margin-top: 0.2rem;
font-size: 0.346rem;
width: 100%;
text-align: center;
color: #000;
}
.mask2Info p:nth-child(1) {
margin-top: 0;
}
.mask2Info p.check {
color: #007AFF;
}
.mask2Btn {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1.16rem;
border-top: 1px solid #DDD;
}
.mask2Btn span {
position: absolute;
left: 0;
top: 0;
width: 50%;
height: 1.16rem;
line-height: 1.16rem;
text-align: center;
font-size: 0.453rem;
color: #007AFF;
}
.mask2Btn span:nth-child(2) {
border-left: 1px solid #DDD;
left: 50%;
font-weight: 500;
}
.mIptBox {
position: relative;
margin: 0.666rem auto 0;
width: 8.8rem;
height: 1.466rem;
border: 1px solid transparent;
}
.mIptText {
position: absolute;
right: 0.293rem;
top: 0;
height: 1.466rem;
line-height: 1.5rem;
font-size: 0.506rem;
color: #333;
}
.mask5 {
position: relative;
width: 7.2rem;
background: #F7F7F7;
font-size: 0;
border-radius: 0.213rem;
-webkit-border-radius: 0.213rem;
-moz-border-radius: 0.213rem;
-ms-border-radius: 0.213rem;
-o-border-radius: 0.213rem;
}
.mask5Title {
padding: 1.173rem 0 1.053rem;
width: 100%;
text-align: center;
font-size: 0.346rem;
color: #000;
}
.mask5Btn {
position: relative;
width: 100%;
text-align: center;
height: 1.16rem;
line-height: 1.16rem;
border-top: 1px solid #DDD;
font-size: 0.453rem;
color: #007AFF;
font-weight: bold;
}
.bank-ul {
width: 9.2rem;
margin: 0 auto;
}
.bank-ul li {
width: 9.2rem;
height: 1.25rem;
border-bottom: 1px solid #232323;
position: relative;
}
.bank-box1 {
width: 2.1rem;
float: left;
height: 1.25rem;
position: relative;
text-align: center;
line-height: 1.25rem;
color: #FCFCFC;
font-size: 0.35rem;
}
.bank-box2 {
width: 7.1rem;
height: 1.25rem;
float: left;
position: relative;
}
.bank-box-input {
width: 7.1rem;
height: 1.25rem;
top: 0;
left: 0;
position: absolute;
background: #0A0A0A;
text-indent: 0.3rem;
font-size: 0.35rem;
color: #FCFCFC;
}
.bank-box-input::placeholder {
color: #777777;
}
.bank-btn {
height: 1.05rem;
width: 8.5rem;
background: #00F7FF;
text-align: center;
line-height: 1.05rem;
margin: 0 auto;
color: #22222B;
font-size: 0.35rem;
border-radius: 1rem;
margin-top: 0.8rem;
}
.bank-btn-no {
opacity: 0.7;
}
.layer-bank {
display: none;
width: 7.2rem;
height: 5.52rem;
position: relative;
background: url(../img/layer-bank.png)no-repeat;
background-size: 100% 100%;
}
.layer-bank-content {
width: 7.2rem;
height: 4.3rem;
white-space: nowrap;
}
.layer-bank-btn-box {
width: 7.2rem;
height: 1.2rem;
position: relative;
}
.layer-bank-btn-box>div {
width: 50%;
float: left;
height: 1.2rem;
text-align: center;
line-height: 1.15rem;
color: #00FFFF;
font-size: 0.4rem;
}
.layer-bank-txt1 {
color: #fff;
font-size: 0.35rem;
text-align: center;
padding-top: 0.75rem;
}
.layer-bank-txt2 {
color: #fff;
font-size: 0.33rem;
line-height: 0.55rem;
text-indent: 0.7rem;
padding-top: 0.25rem;
}
.layer-bank-txt3 {
color: #fff;
font-size: 0.33rem;
line-height: 0.55rem;
text-indent: 0.7rem;
}
.layer-bank-txt4 {
color: #fff;
font-size: 0.33rem;
line-height: 0.55rem;
text-indent: 0.7rem;
}
.layer-bank-txt5 {
color: #fff;
font-size: 0.33rem;
line-height: 0.55rem;
text-indent: 0.7rem;
}
.layer-bank-txt6, .layer-bank-txt7, .layer-bank-txt8, .layer-bank-txt9, .layer-bank-txt10, .layer-bank-txt11 {
color: #fff;
font-size: 0.33rem;
line-height: 0.55rem;
text-indent: 0.7rem;
}
.layer-bank-txt2>span {
color: #00FAFF;
}
.layer-bank-txt3>span {
color: #00FAFF;
}
.layer-bank-txt4>span {
color: #00FAFF;
}
.layer-bank-txt5>span {
color: #00FAFF;
}
.layer-bank-txt6>span,.layer-bank-txt7>span,.layer-bank-txt8>span,.layer-bank-txt9>span, .layer-bank-txt10>span, .layer-bank-txt11>span {
color: #00FAFF;
}
i {
font-style: normal;
}
.codeEx {
color: #525252;
font-size: 0.32rem;
width: 100%;
text-align: center;
position: absolute;
bottom: 2.3rem;
left: 0;
}
.codeEx span {
color: #fff;
}
.popText1 {
color: #666666;
font-size: 0.373rem;
line-height: 0.6rem;
}
.popBox2 {
width: 9.147rem;
margin: 0 auto;
overflow-y: scroll;
overflow-x: hidden;
}
.popText2 {
color: #fff;
line-height: 0.6rem;
font-size: 0.373rem;
margin-top: 0.2rem;
}
.popText2 p {
font-size: 0.373rem;
line-height: 0.6rem;
}
.popText2 p.heavy {
font-weight: bold;
font-size: 0.4rem;
}
.popText2 p span,
.popText2 p a,
.popText1 span {
color: #00F7FF;
}
.confirmBtn {
width: 6.213rem;
height: 1.067rem;
line-height: 1.067rem;
border-radius: 0.533rem;
background: #00F7FF;
color: #22222B;
font-size: 0.4rem;
text-align: center;
position: absolute;
bottom: 0.733rem;
left: 50%;
transform: translateX(-50%);
}
.chargeChart {
width: 8.76rem;
height: 3.227rem;
margin: 0 auto;
border: 1px solid #28C0C5 !important;
border-radius: 0.16rem;
overflow: hidden;
font-size: 0.373rem;
margin-top: 0.32rem;
color: #fff;
}
.chargeHead {
background: #00F7FF;
height: 1.08rem;
border-bottom: 1px solid #3E3E3E;
color: #22222B;
font-size: 0.373rem;
text-align: center;
}
table tr:nth-child(2) {
border-bottom: 1px solid #3E3E3E;
}
tr th:nth-child(1) {
border-right: 1px solid #3E3E3E;
width: 2.973rem;
height: 1.08rem;
line-height: 1.08rem;
}
th span {
color: #00F7FF;
}
.taxInfoBtn {
color: #525252;
font-size: 0.32rem;
padding-left: 0.493rem;
margin-top: 0.4rem;
}
.taxInfoBtn::before {
content: '';
display: inline-block;
width: 0.32rem;
height: 0.32rem;
background: url(../img/warn.png) no-repeat;
background-size: contain;
}
.taxInfoBtn span {
color: #fff;
}
\ No newline at end of file
footseen/Nesting/withdraw/css/bank.css
...@@ -359,54 +359,139 @@ input:-ms-input-placeholder { ...@@ -359,54 +359,139 @@ input:-ms-input-placeholder {
padding-top: 0.25rem; padding-top: 0.25rem;
} }
.layer-bank-txt3 { .layer-bank-txt3, .layer-bank-txt4, .layer-bank-txt5, .layer-bank-txt6, .layer-bank-txt7, .layer-bank-txt8, .layer-bank-txt9, .layer-bank-txt10, .layer-bank-txt11 {
color: #282828; color: #282828;
font-size: 0.33rem; font-size: 0.33rem;
line-height: 0.55rem; line-height: 0.55rem;
text-indent: 0.7rem; text-indent: 0.7rem;
} }
.layer-bank-txt4 { .layer-bank-txt2>span, .layer-bank-txt3>span, .layer-bank-txt4>span, .layer-bank-txt5>span, .layer-bank-txt6>span, .layer-bank-txt7>span, .layer-bank-txt8>span, .layer-bank-txt9>span, .layer-bank-txt10>span, .layer-bank-txt11>span {
color: #282828; color: #e53985;
font-size: 0.33rem;
line-height: 0.55rem;
text-indent: 0.7rem;
} }
.layer-bank-txt5 { i {
color: #282828; font-style: normal;
font-size: 0.33rem;
line-height: 0.55rem;
text-indent: 0.7rem;
} }
.layer-bank-txt6 { .codeEx {
color: #282828; color: #525252;
font-size: 0.33rem; font-size: 0.32rem;
line-height: 0.55rem; width: 100%;
text-indent: 0.7rem; text-align: center;
position: absolute;
bottom: 2.3rem;
left: 0;
} }
.layer-bank-txt2>span { .codeEx span {
color: #e53985; color: #fff;
} }
.layer-bank-txt3>span { .popText1 {
color: #e53985; color: #666666;
font-size: 0.373rem;
line-height: 0.6rem;
} }
.layer-bank-txt4>span { .popBox2 {
color: #e53985; width: 9.147rem;
margin: 0 auto;
overflow-y: scroll;
overflow-x: hidden;
}
.popText2 {
color: #fff;
line-height: 0.6rem;
font-size: 0.373rem;
margin-top: 0.2rem;
}
.popText2 p {
font-size: 0.373rem;
line-height: 0.6rem;
}
.popText2 p.heavy {
font-weight: bold;
font-size: 0.4rem;
} }
.layer-bank-txt5>span { .popText2 p span,
.popText2 p a,
.popText1 span {
color: #e53985; color: #e53985;
} }
.layer-bank-txt6>span { .confirmBtn {
width: 6.213rem;
height: 1.067rem;
line-height: 1.067rem;
border-radius: 0.533rem;
background: #e53985;
color: #22222B;
font-size: 0.4rem;
text-align: center;
position: absolute;
bottom: 0.733rem;
left: 50%;
transform: translateX(-50%);
}
.chargeChart {
width: 8.76rem;
height: 3.227rem;
margin: 0 auto;
border: 1px solid #e53985 !important;
border-radius: 0.16rem;
overflow: hidden;
font-size: 0.373rem;
margin-top: 0.32rem;
color: #fff;
}
.chargeHead {
background: #e53985;
height: 1.08rem;
border-bottom: 1px solid #3E3E3E;
color: #22222B;
font-size: 0.373rem;
text-align: center;
}
table tr:nth-child(2) {
border-bottom: 1px solid #3E3E3E;
}
tr th:nth-child(1) {
border-right: 1px solid #3E3E3E;
width: 2.973rem;
height: 1.08rem;
line-height: 1.08rem;
}
th span {
color: #e53985; color: #e53985;
} }
i { .taxInfoBtn {
font-style: normal; color: #525252;
font-size: 0.32rem;
padding-left: 0.493rem;
margin-top: 0.4rem;
}
.taxInfoBtn::before {
content: '';
display: inline-block;
width: 0.32rem;
height: 0.32rem;
background: url(../img/warn.png) no-repeat;
background-size: contain;
}
.taxInfoBtn span {
color: #fff;
} }
\ No newline at end of file
footseen/Nesting/withdraw/internationalBankDraw.html
...@@ -16,13 +16,16 @@ ...@@ -16,13 +16,16 @@
<link rel="stylesheet" href="https://app.ixiulive.com/static/css/layui.min.css"> <link rel="stylesheet" href="https://app.ixiulive.com/static/css/layui.min.css">
<script type="text/javascript" src="../../lib/fsize.js"></script> <script type="text/javascript" src="../../lib/fsize.js"></script>
<style> <style>
[v-cloak] {
display: none !important;
}
.mMain { .mMain {
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
min-height: 18rem; min-height: 18rem;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
background: #11121A; background: #FFFFFF;
} }
.layui-layer-ico { .layui-layer-ico {
...@@ -50,20 +53,24 @@ ...@@ -50,20 +53,24 @@
.mBox { .mBox {
position: relative; position: relative;
width: 10rem; width: 10rem;
height: calc(100vh - 7rem);
margin: 0.293rem auto 0; margin: 0.293rem auto 0;
font-size: 0; font-size: 0;
text-align: center; text-align: center;
overflow: auto;
box-sizing: border-box;
} }
.inputBox { .inputBox {
width: 8.8rem; width: 8.8rem;
height: 1.466rem; height: 1.466rem;
line-height: 1.466rem; line-height: 1.466rem;
color: #fff; color: #292929;
position: relative; position: relative;
text-align: left; text-align: left;
margin: 0 auto; margin: 0 auto;
border-bottom: 1px solid #292929; border-bottom: 1px solid #ddd;
;
} }
.inputDesc { .inputDesc {
...@@ -81,7 +88,7 @@ ...@@ -81,7 +88,7 @@
.mIpt { .mIpt {
margin: 0 auto; margin: 0 auto;
width: 6.8rem; width: 5rem;
height: 1.466rem; height: 1.466rem;
position: absolute; position: absolute;
top: 0; top: 0;
...@@ -93,7 +100,7 @@ ...@@ -93,7 +100,7 @@
-ms-border-radius: 0.213rem; -ms-border-radius: 0.213rem;
-o-border-radius: 0.213rem; -o-border-radius: 0.213rem;
background: transparent; background: transparent;
color: #fff; color: #282828;
font-weight: bold; font-weight: bold;
text-indent: 0.293rem; text-indent: 0.293rem;
font-size: 0.373rem; font-size: 0.373rem;
...@@ -147,9 +154,9 @@ ...@@ -147,9 +154,9 @@
border-radius: 0.427rem; border-radius: 0.427rem;
box-sizing: border-box; box-sizing: border-box;
padding: 0 0.4rem 0 0.2rem; padding: 0 0.4rem 0 0.2rem;
color: #fff; color: #282828;
font-size: 0.267rem; font-size: 0.267rem;
background: rgba(255, 255, 255, 0.15); background: rgba(0, 0, 0, 0.25);
overflow: hidden; overflow: hidden;
display: flex; display: flex;
align-items: center; align-items: center;
...@@ -176,7 +183,7 @@ ...@@ -176,7 +183,7 @@
position: relative; position: relative;
border-top-left-radius: 0.267rem; border-top-left-radius: 0.267rem;
border-top-right-radius: 0.267rem; border-top-right-radius: 0.267rem;
background: #12121A; background: #FFFFFF;
box-sizing: border-box; box-sizing: border-box;
padding-top: 0.18rem; padding-top: 0.18rem;
} }
...@@ -186,13 +193,13 @@ ...@@ -186,13 +193,13 @@
height: 0.12rem; height: 0.12rem;
border-radius: 0.06rem; border-radius: 0.06rem;
overflow: hidden; overflow: hidden;
background: rgba(255, 255, 255, 0.1); background: rgba(0, 0, 0, 0.5);
margin: 0 auto; margin: 0 auto;
margin-bottom: 0.2rem; margin-bottom: 0.2rem;
} }
.maskTitle { .maskTitle {
color: #fff; color: #282828;
font-size: 0.427rem; font-size: 0.427rem;
width: 100%; width: 100%;
text-align: center; text-align: center;
...@@ -218,7 +225,7 @@ ...@@ -218,7 +225,7 @@
box-sizing: border-box; box-sizing: border-box;
border-bottom: 1px solid rgba(255, 255, 255, 0.12); border-bottom: 1px solid rgba(255, 255, 255, 0.12);
position: relative; position: relative;
color: #FFFFFF; color: #282828;
font-size: 0.427rem; font-size: 0.427rem;
} }
...@@ -227,9 +234,9 @@ ...@@ -227,9 +234,9 @@
position: absolute; position: absolute;
top: 50%; top: 50%;
right: 0; right: 0;
width: 0.387rem; width: 0.307rem;
height: 0.307rem; height: 0.307rem;
background: url(./img/choose.png) no-repeat; background: url(./img/btn2.png) no-repeat;
background-size: contain; background-size: contain;
background-position: center; background-position: center;
} }
...@@ -239,52 +246,140 @@ ...@@ -239,52 +246,140 @@
top: 0.84rem; top: 0.84rem;
right: 0.333rem; */ right: 0.333rem; */
font-size: 0.373rem; font-size: 0.373rem;
color: #fff; color: #282828;
text-align: center; text-align: center;
} }
.explainIcon {
position: absolute;
top: 50%;
right: 0.2rem;
width: 0.32rem;
height: 0.32rem;
margin-top: -0.16rem;
background: url(./img/how.png) no-repeat;
background-size: contain;
}
.layer-bank {
width: 7.787rem;
height: 7.8rem;
/* background: url(./img/changeBg.png) no-repeat;
background-size: contain; */
overflow: auto;
background-color: #FFFFFF;
}
.layer-bank-content {
width: 100%;
height: 6.32rem;
}
.layer-bank-btn-box {
width: 100%;
}
.layer-bank-box {
height: 5rem;
overflow: auto;
}
.popText2 {
color: #282828;
}
.chargeChart {
color: #282828;
}
.taxInfoBtn span, .codeEx span {
color: #282828;
}
.confirmBtn {
color: #FFFFFF;
}
</style> </style>
</head> </head>
<body style="background:#11121A;"> <body style="background:#11121A;">
<div class="mMain"> <div class="mMain" id="app" v-cloak>
<div class="mainPic"> <div class="mainPic">
<img src="./img/bigCard6.png" alt=""> <img src="./img/bigCard6.png" alt="">
</div> </div>
<div class="mBox"> <div class="mBox">
<div class="inputBox"> <div class="inputBox">
<p class="inputDesc">姓氏</p>
<input class="mIpt mIpt1 bank-box-input" type="text" :placeholder="lang[type].newDraw46" />
</div>
<div class="inputBox">
<p class="inputDesc">名字</p>
<input class="mIpt mIpt2 bank-box-input" type="text" :placeholder="lang[type].newDraw47" />
</div>
<div class="inputBox">
<p class="inputDesc">國家地區</p> <p class="inputDesc">國家地區</p>
<div class="adSelector"> <div class="adSelector">
<p></p> <p></p>
</div> </div>
</div> </div>
<!-- 手機號碼 -->
<div class="inputBox"> <div class="inputBox">
<p class="inputDesc">手機號碼</p>
<input class="mIpt mIpt8 bank-box-input" type="text" :placeholder="lang[type].newDraw48" />
</div>
<div class="inputBox">
<p class="inputDesc">E-mail</p>
<input class="mIpt mIpt9 bank-box-input" type="text" :placeholder="lang[type].newDraw49" />
</div>
<!-- <div class="inputBox">
<p class="inputDesc">收款機構</p> <p class="inputDesc">收款機構</p>
<div class="orgSelector"> <div class="orgSelector">
<p></p> <p></p>
</div> </div>
</div> -->
<div class="inputBox">
<p class="inputDesc">銀行</p>
<input class="mIpt mIpt3 bank-box-input" type="text" :placeholder="lang[type].newDraw50" />
</div>
<div class="inputBox">
<p class="inputDesc">SWIFT BIC Code</p>
<input class="mIpt mIpt4 bank-box-input" type="text" :placeholder="lang[type].newDraw51" />
<div class="explainIcon"></div>
</div> </div>
<div class="inputBox"> <div class="inputBox">
<p class="inputDesc">收款賬號</p> <p class="inputDesc">銀行卡號</p>
<input class="mIpt mIpt3" type="text" placeholder="請輸入您的收款賬號" /> <input class="mIpt mIpt5 bank-box-input" type="text" :placeholder="lang[type].newDraw52" />
</div> </div>
<div class="inputBox"> <div class="inputBox">
<p class="inputDesc">賬戶姓名</p> <p class="inputDesc">收款城市</p>
<input class="mIpt mIpt4" type="text" placeholder="輸入銀行卡賬戶姓名" /> <input class="mIpt mIpt6 bank-box-input" type="text" :placeholder="lang[type].newDraw53" />
</div> </div>
<div class="inputBox"> <div class="inputBox">
<p class="inputDesc">通知郵箱</p> <p class="inputDesc">收款地址</p>
<input class="mIpt mIpt5" type="text" placeholder="輸入您的郵箱地址" /> <input class="mIpt mIpt7 bank-box-input" type="text" :placeholder="lang[type].newDraw54" />
</div> </div>
</div> </div>
<div class="taxInfoBtn">第三方付款機構將向您收取轉賬手續費 <span>查看詳情 ></span></div>
<div class="codeEx">如何知道我的銀行<span> SWIFT BIC Code ></span></div>
<div class="bank-btn bank-btn-no">提交</div> <div class="bank-btn bank-btn-no">提交</div>
<div class="layer-bank"> <div class="layer-bank">
<div class="layer-bank-content"> <div class="layer-bank-content">
<div class="layer-bank-txt1">確定設置以下提現賬號？</div> <div class="layer-bank-txt1">確定設置以下提現賬號？</div>
<p class="layer-bank-txt2"><i>國家地區</i> : <span></span></p> <div class="layer-bank-box">
<p class="layer-bank-txt3"><i>收款機構</i> : <span></span></p> <p class="layer-bank-txt2"><i>姓氏</i> : <span></span></p>
<p class="layer-bank-txt4"><i>銀行卡號</i> : <span></span></p> <p class="layer-bank-txt9"><i>名字</i> : <span></span></p>
<p class="layer-bank-txt5"><i>賬戶姓名</i> : <span></span></p> <p class="layer-bank-txt3"><i>國家</i> : <span></span></p>
<p class="layer-bank-txt6"><i>通知郵箱</i> : <span></span></p> <p class="layer-bank-txt10"><i>手機號碼</i> : <span></span></p>
<p class="layer-bank-txt11"><i>E-mail</i> : <span></span></p>
<p class="layer-bank-txt4"><i>銀行</i> : <span></span></p>
<p class="layer-bank-txt5"><i>SWIFT BIC Code</i> : <span></span></p>
<p class="layer-bank-txt6"><i>銀行卡號</i> : <span></span></p>
<p class="layer-bank-txt7"><i>收款城市</i> : <span></span></p>
<p class="layer-bank-txt8"><i>收款地址</i> : <span></span></p>
</div>
</div> </div>
<div class="layer-bank-btn-box"> <div class="layer-bank-btn-box">
<div>取消</div> <div>取消</div>
...@@ -300,45 +395,91 @@ ...@@ -300,45 +395,91 @@
</div> </div>
</div> </div>
<div class="popMask selector2 hide"> <div class="popMask explainPop hide">
<div class="blockHead"></div> <div class="blockHead"></div>
<p class="maskTitle">选择收款机构</p> <p class="maskTitle">SWIFT BIC Code説明</p>
<div class="addrFlagShow"></div> <div class="popBox2">
<div class="popBox"> <p class="popText1">
SWIFT BIC Code 是用於國際銀行間轉賬時，各個不同銀行的唯一標識。因此您發起提現進行打款時，打款機構需要 知道您準確的SWIFT BIC Code代碼，否則提現打款將會失敗。
</p>
<div class="popText2">
<p class="heavy">查詢您的SWIFT BIC Code方法： </p>
<p><span>1.</span> 聯繫您的銀行，詢問銀行工作人員可以了解到 </p>
<p><span>2.</span> 訪問您的銀行網站進行檢索 </p>
<p><span>3.</span> 查詢銀行卡開卡時提供給您的紙面材料</p>
<p><span>4.</span> 通過快捷查詢工具進行查詢 <a href="https://wise.com/gb/swift-codes/banks">前往查詢></a></p>
</div>
</div>
<div class="confirmBtn">確認</div>
</div>
<div class="popMask taxPop hide">
<div class="blockHead"></div>
<p class="maskTitle">提現手續費說明</p>
<div class="popBox2">
<p class="popText2">FIREFLY 不會在您提現過程中收取任何中間費用。 第三方付款機構在向您進行轉賬打款時，因為涉及跨國家地區的銀行轉賬產生的費用，需要向您收取手續費。</p>
<p class="popText1">FIREFLY平臺收取費用：<span>$0.00</span></p>
<p class="popText1">第三方付款機構手續費：</p>
<table class="chargeChart">
<tr class="chargeHead">
<th>體現金額</th>
<th>手續費</th>
</tr>
<tr>
<th>少於 $2000</th>
<th>每次提現固定收取 <span>$20</span></th>
</tr>
<tr>
<th>高於 $2000</th>
<th>每次提現收取提現金額的 <span>1%</span></th>
</tr>
</table>
</div> </div>
<div class="confirmBtn">確認</div>
</div> </div>
</div> </div>
</body> </body>
<script src="../../lib/jquery-3.1.1.min.js"></script> <script src="../../lib/jquery-3.1.1.min.js"></script>
<script src="../../layer-v3.1.0/layer/layer.js"></script> <script src="../../layer-v3.1.0/layer/layer.js"></script>
<script src="../../lib/langchange.js?v=202406261157"></script> <script src="../../lib/langchange.js?v=20240910"></script>
<script type="text/javascript" src="https://app.ixiulive.com/static/js/layui.min.js?v=202406121801"></script> <script type="text/javascript" src="https://app.ixiulive.com/static/js/layui.min.js?v=202406121801"></script>
<script type="text/javascript" src="https://app.ixiulive.com/static/js/webAppComm.js?v=202406121801"></script> <script
type="text/javascript"
src="https://app.ixiulive.com/static/js/vue.js"
></script>
<script> <script>
$(function () { $(function () {
//多語言 //多語言
$("title").text(langList[langType].newDraw17) $("title").text(langList[langType].newDraw17)
$('.inputDesc').eq(0).html(langList[langType].newDraw18); $('.inputDesc').eq(0).html(langList[langType].newDraw38);
$('.layer-bank-txt2 i').eq(0).html(langList[langType].newDraw18); $('.layer-bank-txt2 i').eq(0).html(langList[langType].newDraw38);
$('.inputDesc').eq(1).html(langList[langType].newDraw39);
$('.layer-bank-txt9 i').eq(0).html(langList[langType].newDraw39);
$('.inputDesc').eq(1).html(langList[langType].newDraw24); $('.inputDesc').eq(2).html(langList[langType].newDraw18);
$('.layer-bank-txt3 i').eq(0).html(langList[langType].newDraw24); $('.layer-bank-txt3 i').eq(0).html(langList[langType].newDraw18);
$('.inputDesc').eq(2).html(langList[langType].newDraw38); /* 手機號碼 */
$('.layer-bank-txt4 i').eq(0).html(langList[langType].newDraw38); $('.inputDesc').eq(3).html(langList[langType].newDraw44);
$('.layer-bank-txt10 i').eq(0).html(langList[langType].newDraw44);
$('.inputDesc').eq(3).html(langList[langType].draw89); /* E-mail */
$('.layer-bank-txt5 i').eq(0).html(langList[langType].draw89); $('.inputDesc').eq(4).html(langList[langType].newDraw45);
$('.layer-bank-txt11 i').eq(0).html(langList[langType].newDraw45);
$('.inputDesc').eq(4).html(langList[langType].newDraw25); $('.inputDesc').eq(5).html(langList[langType].newDraw40);
$('.layer-bank-txt6 i').eq(0).html(langList[langType].newDraw25); $('.layer-bank-txt4 i').eq(0).html(langList[langType].newDraw40);
$('.inputDesc').eq(7).html(langList[langType].draw76);
$('.layer-bank-txt6 i').eq(0).html(langList[langType].draw76);
$('.inputDesc').eq(8).html(langList[langType].newDraw41);
$('.layer-bank-txt7 i').eq(0).html(langList[langType].newDraw41);
$('.inputDesc').eq(9).html(langList[langType].newDraw42);
$('.layer-bank-txt8 i').eq(0).html(langList[langType].newDraw42);
$(".mIpt3").attr("placeholder", langList[langType].newDraw39)
$(".mIpt4").attr("placeholder", langList[langType].draw53)
$(".mIpt5").attr("placeholder", langList[langType].newDraw35);
$('.selector1 .maskTitle').html(langList[langType].newDraw27) $('.selector1 .maskTitle').html(langList[langType].newDraw27)
$('.selector2 .maskTitle').html(langList[langType].newDraw28) $('.selector2 .maskTitle').html(langList[langType].newDraw28)
...@@ -346,55 +487,6 @@ ...@@ -346,55 +487,6 @@
$('.layer-bank-txt1').html(langList[langType].draw44); $('.layer-bank-txt1').html(langList[langType].draw44);
$(".layer-bank-btn-box div").eq(0).text(langList[langType].dew24) $(".layer-bank-btn-box div").eq(0).text(langList[langType].dew24)
$(".layer-bank-btn-box div").eq(1).text(langList[langType].dew25) $(".layer-bank-btn-box div").eq(1).text(langList[langType].dew25)
// 7400后
if ($firefly.urlData.appversion >= 7400) {
tellCliIcon();
$firefly.changeTitle2();
function tellCliIcon() {
let mInfos = [ //第一级 右上角展示的Icon
{
"imgUrl": 'https://app.ixiulive.com/static/app/img/fusi/kf.png',
"explain": '客服',
"webFunc": "$firefly.goCustomerService()",
},
{
//第二级 更多中的内容
"imgUrl": 'https://app.ixiulive.com/static/app/img/more2.png?v=202304191549', // ...的icon
"explain": "更多",// ...的cid
"webFunc": "openExtra()"
}
]
$firefly.showIcons(mInfos);
}
function openExtra() {
let infos = [
[{
"fontStyle": {
"highLight": false // 是否高亮
},
"explain": $firefly.langList[$firefly.langType].lang2,
"webFunc": "$firefly.refreshWeb()",
}],
[{
"fontStyle": {
"highLight": false // 是否高亮
},
"explain": $firefly.langList[$firefly.langType].lang3,
"webFunc": "$firefly.goCustomerService()",
},
{
"fontStyle": {
"highLight": false // 是否高亮
},
"explain": $firefly.langList[$firefly.langType].lang6,
"webFunc": "$firefly.closeWebView()",
}]
]
$firefly.openExtra(infos);
}
}
//***************// //***************//
var addr = 'HK'; var addr = 'HK';
var org = ''; var org = '';
...@@ -429,11 +521,16 @@ ...@@ -429,11 +521,16 @@
$(".bank-btn").on("click", function () { $(".bank-btn").on("click", function () {
setTimeout(function () { setTimeout(function () {
$(".layer-bank-txt2 span").text(addrFull) $(".layer-bank-txt2 span").text($('.mIpt1').val())
$(".layer-bank-txt3 span").text(orgName) $(".layer-bank-txt3 span").text(addrFull)
$(".layer-bank-txt4 span").text(cardNum) $(".layer-bank-txt4 span").text($('.mIpt3').val())
$(".layer-bank-txt5 span").text(cardName) $(".layer-bank-txt5 span").text($('.mIpt4').val())
$(".layer-bank-txt6 span").text(nEmail) $(".layer-bank-txt6 span").text($('.mIpt5').val())
$(".layer-bank-txt7 span").text($('.mIpt6').val())
$(".layer-bank-txt8 span").text($('.mIpt7').val())
$(".layer-bank-txt9 span").text($('.mIpt2').val())
$(".layer-bank-txt10 span").text($('.mIpt8').val())
$(".layer-bank-txt11 span").text($('.mIpt9').val())
layer.open({ layer.open({
type: 1, type: 1,
...@@ -441,7 +538,7 @@ ...@@ -441,7 +538,7 @@
shadeClose: false, shadeClose: false,
closeBtn: false, closeBtn: false,
skin: "yourclass5", skin: "yourclass5",
area: ["7.2rem", "5.52rem"], area: ["7.787rem", "7.8rem"],
content: $(".layer-bank"), content: $(".layer-bank"),
end: function () { end: function () {
$(".layui-layer-shade").hide() $(".layui-layer-shade").hide()
...@@ -450,7 +547,51 @@ ...@@ -450,7 +547,51 @@
}) })
}, 250); }, 250);
})
$('.codeEx,.explainIcon').on('click', function () {
layer.open({
type: 1,
offset: 'b',
title: '',
scrollbar: false,
closeBtn: false,
anim: 'slideUp', // 从下往上
area: ['10rem', '11.693rem'],
shade: 0.1,
shadeClose: true,
content: $(".explainPop"),
success: function () {
},
end: function () {
}
});
})
$('.taxInfoBtn').on('click', function () {
layer.open({
type: 1,
offset: 'b',
title: '',
scrollbar: false,
closeBtn: false,
anim: 'slideUp', // 从下往上
area: ['10rem', '11.693rem'],
shade: 0.1,
shadeClose: true,
content: $(".taxPop"),
success: function () {
},
end: function () {
}
});
})
$(".confirmBtn").on("click", function () {
layer.closeAll()
}) })
$(".layer-bank-btn-box div").eq(0).on("click", function () { $(".layer-bank-btn-box div").eq(0).on("click", function () {
layer.closeAll() layer.closeAll()
...@@ -459,7 +600,7 @@ ...@@ -459,7 +600,7 @@
sendBank() sendBank()
}) })
$('.adSelector').on('click', function () { $('.adSelector p').on('click', function () {
layer.open({ layer.open({
type: 1, type: 1,
offset: 'b', offset: 'b',
...@@ -544,7 +685,7 @@ ...@@ -544,7 +685,7 @@
$('.adSelector p').html(addrFull); $('.adSelector p').html(addrFull);
$('.addrFlagShow').html(addrFull) $('.addrFlagShow').html(addrFull)
} }
getOrg(addr) // getOrg(addr)
$('.selector1 .popItemEach').unbind('click').bind('click', function () { $('.selector1 .popItemEach').unbind('click').bind('click', function () {
$(this).addClass('selected').siblings().removeClass('selected'); $(this).addClass('selected').siblings().removeClass('selected');
addr = $(this).attr('data-addr'); addr = $(this).attr('data-addr');
...@@ -552,7 +693,8 @@ ...@@ -552,7 +693,8 @@
addrFull = $(this).text(); addrFull = $(this).text();
$('.adSelector p').html(addrFull); $('.adSelector p').html(addrFull);
$('.addrFlagShow').html(addrFull) $('.addrFlagShow').html(addrFull)
getOrg(addr); layer.close(layer.index);
// getOrg(addr);
}) })
} else { } else {
layer.msg(data.msg); layer.msg(data.msg);
...@@ -619,16 +761,10 @@ ...@@ -619,16 +761,10 @@
} }
function sendBank() { function sendBank() {
if (langType == 2) {
layer.msg('當前體現方式不可用');
} else {
layer.msg('not available');
}
return
if (sendOk == false) return; if (sendOk == false) return;
sendOk = false sendOk = false
$.ajax({ $.ajax({
url: $ip + '/withdraw/bankcardIntlBinding.html', url: $ip + '/withdraw/v1/bankcardIntlBinding.html',
type: 'post', type: 'post',
data: { data: {
os: "WEB", os: "WEB",
...@@ -636,16 +772,25 @@ ...@@ -636,16 +772,25 @@
lang: getRequest().lang, lang: getRequest().lang,
uid: getRequest().uid, uid: getRequest().uid,
token: getRequest().token, token: getRequest().token,
cardSurname: $(".mIpt1").val(),
phone: $(".bank-box-input4").val(), cardname: $(".mIpt2").val(),
cardcountry: addr, cardcountry: addr,
paymentMethod: pMethod, cardfrom: $(".mIpt3").val(),
cardfrom: org, cardcode: $(".mIpt4").val(),
targetOrg: org, cardaddr: $(".mIpt5").val(),
targetOrgName: orgName, cardcity: $(".mIpt6").val(),
cardaddr: $(".mIpt3").val(), cardfromaddr: $(".mIpt7").val(),
cardname: $(".mIpt4").val(), phone: $(".mIpt8").val(),
noticeEmail: $(".mIpt5").val(), noticeEmail: $(".mIpt9").val()
// phone: $(".bank-box-input4").val(),
// cardcountry: addr,
// paymentMethod: pMethod,
// cardfrom: org,
// targetOrg: org,
// targetOrgName: orgName,
// cardaddr: $(".mIpt3").val(),
// cardname: $(".mIpt4").val(),
// noticeEmail: $(".mIpt5").val(),
}, },
dataType: "JSON", dataType: "JSON",
success: function (data) { success: function (data) {
...@@ -667,6 +812,18 @@ ...@@ -667,6 +812,18 @@
}) })
} }
}) })
var app = new Vue({
el: "#app",
data() {
return {
lang: langList,
type: langType
}
},
mounted() {
}
})
</script> </script>
</html> </html>
\ No newline at end of file
footseen/Nesting/withdraw/internationalBankDraw_Old.html 0 → 100644
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta content="telephone=no" name="format-detection">
<meta name="wap-font-scale" content="no">
<title></title>
<link rel="stylesheet" href="https://app.ixiulive.com/static/css/reset.css">
<link rel="stylesheet" href="../../layer-v3.1.0/layer/theme/default/layer.css">
<link rel="stylesheet" href="css/bank.css?v=2023022101" />
<link rel="stylesheet" href="https://app.ixiulive.com/static/css/layui.min.css">
<script type="text/javascript" src="../../lib/fsize.js"></script>
<style>
.mMain {
width: 100vw;
height: 100vh;
min-height: 18rem;
position: relative;
overflow: hidden;
background: #11121A;
}
.layui-layer-ico {
display: none !important;
}
.mainPic {
width: 8.987rem;
height: 2.773rem;
overflow: hidden;
margin: 0.2rem auto;
}
.mainPic img {
width: 100%;
}
.bank-btn {
position: absolute;
bottom: 0.893rem;
left: 0.773rem;
}
.mBox {
position: relative;
width: 10rem;
margin: 0.293rem auto 0;
font-size: 0;
text-align: center;
}
.inputBox {
width: 8.8rem;
height: 1.466rem;
line-height: 1.466rem;
color: #fff;
position: relative;
text-align: left;
margin: 0 auto;
border-bottom: 1px solid #292929;
}
.inputDesc {
text-align: left;
position: absolute;
top: 0;
left: 0;
width: 2rem;
height: 100%;
font-size: 0.373rem;
line-height: normal;
display: flex;
align-items: center;
}
.mIpt {
margin: 0 auto;
width: 6.8rem;
height: 1.466rem;
position: absolute;
top: 0;
right: 0;
line-height: .8rem;
border-radius: 0.213rem;
-webkit-border-radius: 0.213rem;
-moz-border-radius: 0.213rem;
-ms-border-radius: 0.213rem;
-o-border-radius: 0.213rem;
background: transparent;
color: #fff;
font-weight: bold;
text-indent: 0.293rem;
font-size: 0.373rem;
caret-color: #006EF6;
}
input {
outline: none;
-webkit-appearance: none;
border: 0 none;
}
input::-webkit-input-placeholder {
color: #CCC;
opacity: 0.4;
font-weight: normal;
}
input:-moz-placeholder {
color: #CCC;
font-weight: normal;
}
input::-moz-placeholder {
color: #CCC;
font-weight: normal;
}
input:-ms-input-placeholder {
color: #CCC;
font-weight: normal;
}
.adSelector,
.orgSelector {
width: 6.8rem;
height: 1.466rem;
display: flex;
align-items: center;
position: absolute;
right: 0;
top: 0;
}
.inputBox .adSelector p,
.inputBox .orgSelector p {
min-width: 2rem;
height: 0.853rem;
line-height: 0.853rem;
text-align: center;
border-radius: 0.427rem;
box-sizing: border-box;
padding: 0 0.4rem 0 0.2rem;
color: #fff;
font-size: 0.267rem;
background: rgba(255, 255, 255, 0.15);
overflow: hidden;
display: flex;
align-items: center;
position: relative;
}
.inputBox .adSelector p::after,
.inputBox .orgSelector p::after {
content: '';
width: 0.12rem;
height: 0.227rem;
background: url(./img/more2.png) no-repeat;
background-size: contain;
position: absolute;
top: 50%;
right: 0.2rem;
transform: translateY(-50%);
}
.popMask {
width: 10rem;
height: 11.613rem;
overflow: hidden;
position: relative;
border-top-left-radius: 0.267rem;
border-top-right-radius: 0.267rem;
background: #12121A;
box-sizing: border-box;
padding-top: 0.18rem;
}
.blockHead {
width: 1.493rem;
height: 0.12rem;
border-radius: 0.06rem;
overflow: hidden;
background: rgba(255, 255, 255, 0.1);
margin: 0 auto;
margin-bottom: 0.2rem;
}
.maskTitle {
color: #fff;
font-size: 0.427rem;
width: 100%;
text-align: center;
height: 1rem;
line-height: 1rem;
}
.popBox {
width: 9.147rem;
height: 9rem;
margin: 0 auto;
overflow-y: scroll;
overflow-x: hidden;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.popItemEach {
width: 100%;
height: 1.38rem;
line-height: 1.38rem;
box-sizing: border-box;
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
position: relative;
color: #FFFFFF;
font-size: 0.427rem;
}
.popItemEach.selected::after {
content: '';
position: absolute;
top: 50%;
right: 0;
width: 0.387rem;
height: 0.307rem;
background: url(./img/choose.png) no-repeat;
background-size: contain;
background-position: center;
}
.addrFlagShow {
/* position: absolute;
top: 0.84rem;
right: 0.333rem; */
font-size: 0.373rem;
color: #fff;
text-align: center;
}
</style>
</head>
<body style="background:#11121A;">
<div class="mMain">
<div class="mainPic">
<img src="./img/bigCard6.png" alt="">
</div>
<div class="mBox">
<div class="inputBox">
<p class="inputDesc">國家地區</p>
<div class="adSelector">
<p></p>
</div>
</div>
<div class="inputBox">
<p class="inputDesc">收款機構</p>
<div class="orgSelector">
<p></p>
</div>
</div>
<div class="inputBox">
<p class="inputDesc">收款賬號</p>
<input class="mIpt mIpt3" type="text" placeholder="請輸入您的收款賬號" />
</div>
<div class="inputBox">
<p class="inputDesc">賬戶姓名</p>
<input class="mIpt mIpt4" type="text" placeholder="輸入銀行卡賬戶姓名" />
</div>
<div class="inputBox">
<p class="inputDesc">通知郵箱</p>
<input class="mIpt mIpt5" type="text" placeholder="輸入您的郵箱地址" />
</div>
</div>
<div class="bank-btn bank-btn-no">提交</div>
<div class="layer-bank">
<div class="layer-bank-content">
<div class="layer-bank-txt1">確定設置以下提現賬號？</div>
<p class="layer-bank-txt2"><i>國家地區</i> : <span></span></p>
<p class="layer-bank-txt3"><i>收款機構</i> : <span></span></p>
<p class="layer-bank-txt4"><i>銀行卡號</i> : <span></span></p>
<p class="layer-bank-txt5"><i>賬戶姓名</i> : <span></span></p>
<p class="layer-bank-txt6"><i>通知郵箱</i> : <span></span></p>
</div>
<div class="layer-bank-btn-box">
<div>取消</div>
<div>確定</div>
</div>
</div>
<div class="popMask selector1 hide">
<div class="blockHead"></div>
<p class="maskTitle">選擇國家地区</p>
<div class="popBox">
</div>
</div>
<div class="popMask selector2 hide">
<div class="blockHead"></div>
<p class="maskTitle">选择收款机构</p>
<div class="addrFlagShow"></div>
<div class="popBox">
</div>
</div>
</div>
</body>
<script src="../../lib/jquery-3.1.1.min.js"></script>
<script src="../../layer-v3.1.0/layer/layer.js"></script>
<script src="../../lib/langchange.js?v=20240909"></script>
<script type="text/javascript" src="https://app.ixiulive.com/static/js/layui.min.js?v=202406121801"></script>
<script type="text/javascript" src="https://app.ixiulive.com/static/js/webAppComm.js?v=202406121801"></script>
<script>
$(function () {
//多語言
$("title").text(langList[langType].newDraw17)
$('.inputDesc').eq(0).html(langList[langType].newDraw18);
$('.layer-bank-txt2 i').eq(0).html(langList[langType].newDraw18);
$('.inputDesc').eq(1).html(langList[langType].newDraw24);
$('.layer-bank-txt3 i').eq(0).html(langList[langType].newDraw24);
$('.inputDesc').eq(2).html(langList[langType].newDraw38);
$('.layer-bank-txt4 i').eq(0).html(langList[langType].newDraw38);
$('.inputDesc').eq(3).html(langList[langType].draw89);
$('.layer-bank-txt5 i').eq(0).html(langList[langType].draw89);
$('.inputDesc').eq(4).html(langList[langType].newDraw25);
$('.layer-bank-txt6 i').eq(0).html(langList[langType].newDraw25);
$(".mIpt3").attr("placeholder", langList[langType].newDraw39)
$(".mIpt4").attr("placeholder", langList[langType].draw53)
$(".mIpt5").attr("placeholder", langList[langType].newDraw35);
$('.selector1 .maskTitle').html(langList[langType].newDraw27)
$('.selector2 .maskTitle').html(langList[langType].newDraw28)
$(".bank-btn").text(langList[langType].draw36);
$('.layer-bank-txt1').html(langList[langType].draw44);
$(".layer-bank-btn-box div").eq(0).text(langList[langType].dew24)
$(".layer-bank-btn-box div").eq(1).text(langList[langType].dew25)
// 7400后
if ($firefly.urlData.appversion >= 7400) {
tellCliIcon();
$firefly.changeTitle2();
function tellCliIcon() {
let mInfos = [ //第一级 右上角展示的Icon
{
"imgUrl": 'https://app.ixiulive.com/static/app/img/fusi/kf.png',
"explain": '客服',
"webFunc": "$firefly.goCustomerService()",
},
{
//第二级 更多中的内容
"imgUrl": 'https://app.ixiulive.com/static/app/img/more2.png?v=202304191549', // ...的icon
"explain": "更多",// ...的cid
"webFunc": "openExtra()"
}
]
$firefly.showIcons(mInfos);
}
function openExtra() {
let infos = [
[{
"fontStyle": {
"highLight": false // 是否高亮
},
"explain": $firefly.langList[$firefly.langType].lang2,
"webFunc": "$firefly.refreshWeb()",
}],
[{
"fontStyle": {
"highLight": false // 是否高亮
},
"explain": $firefly.langList[$firefly.langType].lang3,
"webFunc": "$firefly.goCustomerService()",
},
{
"fontStyle": {
"highLight": false // 是否高亮
},
"explain": $firefly.langList[$firefly.langType].lang6,
"webFunc": "$firefly.closeWebView()",
}]
]
$firefly.openExtra(infos);
}
}
//***************//
var addr = 'HK';
var org = '';
var orgName = '';
var pMethod = '';
var addrFlag = "🇶🇦";
var addrFull = 'HONG KONG'
var cardNum = ''
var cardName = ''
var nEmail = '';
var sendOk = true;
$(".mIpt3").on("keyup", function () {
cardNum = $(".mIpt3").val()
btnCheck()
})
$(".mIpt4").on("keyup", function () {
cardName = $(".mIpt4").val()
btnCheck()
})
$(".mIpt5").on("keyup", function () {
nEmail = $(".mIpt5").val()
btnCheck()
})
function btnCheck() {
if (cardName != '' && cardNum != "" && addr != "" && org != '') {
$(".bank-btn").removeClass("bank-btn-no")
} else {
$(".bank-btn").addClass("bank-btn-no")
}
}
$(".bank-btn").on("click", function () {
setTimeout(function () {
$(".layer-bank-txt2 span").text(addrFull)
$(".layer-bank-txt3 span").text(orgName)
$(".layer-bank-txt4 span").text(cardNum)
$(".layer-bank-txt5 span").text(cardName)
$(".layer-bank-txt6 span").text(nEmail)
layer.open({
type: 1,
title: false,
shadeClose: false,
closeBtn: false,
skin: "yourclass5",
area: ["7.2rem", "5.52rem"],
content: $(".layer-bank"),
end: function () {
$(".layui-layer-shade").hide()
layer.closeAll()
}
})
}, 250);
})
$(".layer-bank-btn-box div").eq(0).on("click", function () {
layer.closeAll()
})
$(".layer-bank-btn-box div").eq(1).on("click", function () {
sendBank()
})
$('.adSelector').on('click', function () {
layer.open({
type: 1,
offset: 'b',
title: '',
scrollbar: false,
closeBtn: false,
anim: 'slideUp', // 从下往上
area: ['10rem', '11.693rem'],
shade: 0.1,
shadeClose: true,
content: $(".selector1"),
success: function () {
},
end: function () {
}
});
})
$('.orgSelector').on('click', function () {
getOrg(addr);
})
getLocation();
function getLocation() {
$.ajax({
url: $ip + '/user/getUserLocation',
type: 'post',
data: {
os: "WEB",
cid: "web_gw",
lang: getRequest().lang,
uid: getRequest().uid,
token: getRequest().token,
},
dataType: "JSON",
success: function (res) {
if (res.code == 1) {
getAddr(res)
} else {
layer.msg(res.msg);
}
}
})
}
function getAddr(loc) {
$.ajax({
url: $ip + '/withdraw/v1/bankcardIntl/country',
type: 'post',
data: {
os: "WEB",
cid: "web_gw",
lang: getRequest().lang,
uid: getRequest().uid,
token: getRequest().token,
},
dataType: "JSON",
success: function (data) {
if (data.code == 1) {
let temps = ''
for (let i = 0; i < data.countryVoList.length; i++) {
let now = data.countryVoList[i];
temp = `<div data-addr="${now.countryCode}" data-flag="${now.countryFlag}" class="popItemEach ${now.countryCode == 'HK' ? 'default' : ''}">${now.countryFlag + ' ' + now.countryName}</div>`
if (loc.countryCode == now.countryCode) {
temp = `<div data-addr="${now.countryCode}" data-flag="${now.countryFlag}" class="popItemEach selected">${now.countryFlag + ' ' + now.countryName}</div>`
addr = now.countryCode;
addrFlag = now.countryFlag;
addrFull = addrFlag + ' ' + now.countryName;
$('.adSelector p').html(addrFull);
$('.addrFlagShow').html(addrFull)
}
temps += temp;
}
$('.selector1 .popBox').html(temps)
if (!$('.selector1 .popItemEach.selected').length > 0) {
let defDom = $('.selector1 .popItemEach.default')
defDom.addClass('selected');
addr = defDom.attr('data-addr');
addrFlag = defDom.attr('data-flag');
addrFull = defDom.text();
$('.adSelector p').html(addrFull);
$('.addrFlagShow').html(addrFull)
}
getOrg(addr)
$('.selector1 .popItemEach').unbind('click').bind('click', function () {
$(this).addClass('selected').siblings().removeClass('selected');
addr = $(this).attr('data-addr');
addrFlag = $(this).attr('data-flag');
addrFull = $(this).text();
$('.adSelector p').html(addrFull);
$('.addrFlagShow').html(addrFull)
getOrg(addr);
})
} else {
layer.msg(data.msg);
}
}
})
}
function getOrg(code) {
$.ajax({
url: $ip + '/withdraw/v1/bankcardIntl/countryPayInfo',
type: 'post',
data: {
os: "WEB",
cid: "web_gw",
lang: getRequest().lang,
uid: getRequest().uid,
token: getRequest().token,
countryCode: code
},
dataType: "JSON",
success: function (data) {
if (data.code == 1) {
layer.close(layer.index);
let temps = ''
for (let i = 0; i < data.countryPayInfoVoList.length; i++) {
let now = data.countryPayInfoVoList[i];
temp = `<div data-method="${now.paymentMethod}" data-org="${now.targetOrg}" data-orgName="${now.targetOrgName}" class="popItemEach ${i == 0 ? 'selected' : ''}">${now.targetOrgName}</div>`
temps += temp;
}
$('.selector2 .popBox').html(temps)
layer.open({
type: 1,
offset: 'b',
title: '',
scrollbar: false,
closeBtn: false,
anim: 'slideUp', // 从下往上
area: ['10rem', '11.693rem'],
shade: 0.1,
shadeClose: true,
content: $(".selector2"),
success: function () {
},
end: function () {
}
});
$('.selector2 .popItemEach').unbind('click').bind('click', function () {
$(this).addClass('selected').siblings().removeClass('selected');
org = $(this).attr('data-org');
orgName = $(this).attr('data-orgName');
pMethod = $(this).attr('data-method')
$('.orgSelector p').html(orgName);
layer.close(layer.index);
})
} else {
layer.msg(data.msg);
}
}
})
}
function sendBank() {
// if (langType == 2) {
// layer.msg('當前體現方式不可用');
// } else {
// layer.msg('not available');
// }
// return
if (sendOk == false) return;
sendOk = false
$.ajax({
url: $ip + '/withdraw/v1/bankcardIntlBinding.html',
type: 'post',
data: {
os: "WEB",
cid: "web_gw",
lang: getRequest().lang,
uid: getRequest().uid,
token: getRequest().token,
phone: $(".bank-box-input4").val(),
cardcountry: addr,
// paymentMethod: pMethod,
cardfrom: org,
// targetOrg: org,
// targetOrgName: orgName,
cardSurname: $(".mIpt3").val(),
cardname: $(".mIpt4").val(),
noticeEmail: $(".mIpt5").val(),
},
dataType: "JSON",
success: function (data) {
if (Object.keys(data).length > 0 && data.code != 1) {
layer.msg(data.msg)
sendOk = true;
return;
}
layer.closeAll()
setTimeout(function () {
layer.msg(langList[langType].payoneer6)
}, 500);
setTimeout(function () {
window.location.href = "./index.html" + location.search;
}, 2000);
}
})
}
})
</script>
</html>
\ No newline at end of file
footseen/lib/langchange.js
This source diff could not be displayed because it is too large. You can view the blob instead.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment