联调登入
This commit is contained in:
Dragon
@@ -547,7 +547,7 @@ function getInfoFromClient () {
|
||||
pubInfo.deviceId = "0";
|
||||
pubInfo.deviceInfo = {
|
||||
app: 'peko',
|
||||
appVersion: '1.5.0',
|
||||
appVersion: '0.0.0',
|
||||
os: '0.0.0',
|
||||
osVersion: '0.0.0',
|
||||
channel: 'browser',
|
||||
|
||||
@@ -249,6 +249,7 @@ body {
|
||||
right: 0;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
z-index: 99;
|
||||
display: none;
|
||||
}
|
||||
.goldPub .goldPub_in {
|
||||
width: 8.5066666667rem;
|
||||
@@ -281,5 +282,259 @@ body {
|
||||
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 */
|
||||
|
||||
@@ -283,6 +283,7 @@ body {
|
||||
right: 0;
|
||||
background: rgba(0, 0, 0, .6);
|
||||
z-index: 99;
|
||||
display: none;
|
||||
|
||||
.goldPub_in {
|
||||
width: px2rem(638, );
|
||||
@@ -316,5 +317,281 @@ body {
|
||||
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, );
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -29,6 +29,7 @@ const toastMsg = (content = '操作完成', time = 2) => {
|
||||
var idOrPhone = true;//判断id登入或手机号登入
|
||||
var times = 0;//倒计时计时器
|
||||
var isClick = true;//判断是否再次获取验证码
|
||||
var token;
|
||||
$(function () {
|
||||
setTimeout(function () {
|
||||
getInfoFromClient()
|
||||
@@ -62,6 +63,29 @@ function getCode () {
|
||||
}
|
||||
})
|
||||
}
|
||||
// ticket接口
|
||||
function ticket () {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'POST',
|
||||
url: urlPrefix + '/oauth/ticket',
|
||||
data: { issue_type: "multi", access_token: token },
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
sessionStorage.setItem("uid", res.data.uid);
|
||||
sessionStorage.setItem("ticket", res.data.ticket);
|
||||
window.location.href = './index.html'
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error (err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤，請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
// 登入接口
|
||||
function oauthToken () {
|
||||
if (idOrPhone) {
|
||||
@@ -79,7 +103,8 @@ function oauthToken () {
|
||||
data: idOrPhone ? { "grant_type": "password", phone, password, client_id: "erban-client", "client_secret": "uyzjdhds" } : { grant_type: 'verify_code', phoneAreaCode, phone, code, client_id: "erban-client", "client_secret": "uyzjdhds" },
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
|
||||
token = res.data.access_token;
|
||||
ticket();
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
|
||||
@@ -63,6 +63,37 @@
|
||||
<div class="goldPub_in">
|
||||
<p class="title">輸入提現金幣數額</p>
|
||||
<div class="num">00</div>
|
||||
<span>金幣余額</span>
|
||||
<img src="./images/withdrawal/gold.png" alt="">
|
||||
<input type="number" placeholder="請輸入提現金幣數額">
|
||||
<div class="but">確認</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 二次确认弹窗 -->
|
||||
<div class="withDrawalPub">
|
||||
<div class="withDrawalPub_in">
|
||||
<div class="title">確認提現</div>
|
||||
<p>確認通過 <b>中國大陸銀聯</b> 提現 <b>6666</b>金幣?</p>
|
||||
<span>提現到賬數額為<b>CNY 343.9</b></span>
|
||||
<div class="but">確認</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 二次确认綁定弹窗 -->
|
||||
<div class="binding">
|
||||
<div class="pub_in">
|
||||
<div class="title">確認綁定</div>
|
||||
<p>需要先綁定中國大陸銀聯賬戶資料 </p>
|
||||
<div class="close">取消</div>
|
||||
<div class="ok">确认</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 二次确认切换弹窗 -->
|
||||
<div class="switch">
|
||||
<div class="pub_in">
|
||||
<div class="title">確認綁定</div>
|
||||
<p>是否切換到馬來西亞銀行提現 </p>
|
||||
<div class="close">取消</div>
|
||||
<div class="ok">确认</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
Reference in New Issue
Block a user