|
|
@ -9,16 +9,21 @@ |
|
|
</view> |
|
|
</view> |
|
|
<view class="login_body"> |
|
|
<view class="login_body"> |
|
|
<view class="status_bar"></view> |
|
|
<view class="status_bar"></view> |
|
|
<uni-segmented-control :current="current" :values="items" @clickItem="onClickItem" styleType="text" activeColor="#010101" class="select"></uni-segmented-control> |
|
|
<uni-segmented-control :current="current" :values="items" @clickItem="onClickItem" styleType="text" |
|
|
|
|
|
activeColor="#010101" class="select"></uni-segmented-control> |
|
|
<view class="body"> |
|
|
<view class="body"> |
|
|
<view class="login" v-show="current==0"> |
|
|
<view class="login" v-show="current==0"> |
|
|
<input type="text" class="login_input" placeholder="eamil address" v-model="loginDate.username" @input="verificationLogin"> |
|
|
<input type="text" class="login_input" placeholder="eamil address" v-model="loginDate.username" |
|
|
|
|
|
@input="verificationLogin"> |
|
|
<view class="login_input1"> |
|
|
<view class="login_input1"> |
|
|
<input :password="!tag" class="login_input1_text"placeholder="password" v-model="loginDate.password" @input="verificationLogin"> |
|
|
<input :password="!tag" class="login_input1_text" placeholder="password" |
|
|
|
|
|
v-model="loginDate.password" @input="verificationLogin"> |
|
|
<image :src="eye" mode="" class="see login_see" @click="seePwd"></image> |
|
|
<image :src="eye" mode="" class="see login_see" @click="seePwd"></image> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
|
|
|
<view class="tips" v-show="loginErr"><image src="../../static/img/att.png" mode=""></image>{{errMsg}}</view> |
|
|
<view class="tips" v-show="loginErr"> |
|
|
|
|
|
<image src="../../static/img/att.png" mode=""></image>{{errMsg}} |
|
|
|
|
|
</view> |
|
|
<view class="forgot" @click="forgotPwd">Forgot your Password?</view> |
|
|
<view class="forgot" @click="forgotPwd">Forgot your Password?</view> |
|
|
<button class="login_submit" :disabled="isLogin" @click="login()">SIGN IN</button> |
|
|
<button class="login_submit" :disabled="isLogin" @click="login()">SIGN IN</button> |
|
|
<!-- <view class="agreement"> |
|
|
<!-- <view class="agreement"> |
|
|
@ -29,22 +34,36 @@ |
|
|
</view> |
|
|
</view> |
|
|
</view> --> |
|
|
</view> --> |
|
|
|
|
|
|
|
|
|
|
|
<view class="cellphone"> |
|
|
|
|
|
<view class="cellphone-box"> |
|
|
|
|
|
<view class="cellphone-minBox" v-if="cellphone == 2"> <image src="../../static/img/apple.png" mode=""></image></view> |
|
|
|
|
|
<view class="cellphone-minBox"><image src="../../static/img/facebook.png" mode=""></image></view> |
|
|
|
|
|
<view class="cellphone-minBox" v-if="cellphone == 1"> <image src="../../static/img/gugei.png" mode=""></image></view> |
|
|
|
|
|
</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
</view> |
|
|
</view> |
|
|
<view class="login" v-show="current==1"> |
|
|
<view class="login" v-show="current==1"> |
|
|
<input type="text" class="login_input" placeholder="name" @input="verificationReg" v-model="regDate.username"> |
|
|
<input type="text" class="login_input" placeholder="name" @input="verificationReg" |
|
|
<input type="text" class="login_input" placeholder="eamil address" @input="verificationReg" v-model="regDate.email"> |
|
|
v-model="regDate.username"> |
|
|
|
|
|
<input type="text" class="login_input" placeholder="eamil address" @input="verificationReg" |
|
|
|
|
|
v-model="regDate.email"> |
|
|
<!-- <input type="text" class="login_input" placeholder="password" @input="verificationReg" v-model="regDate.password1"> --> |
|
|
<!-- <input type="text" class="login_input" placeholder="password" @input="verificationReg" v-model="regDate.password1"> --> |
|
|
<view class="login_input1"> |
|
|
<view class="login_input1"> |
|
|
<input :password="!tag" class="login_input1_text"placeholder="password" v-model="regDate.password1" @input="verificationReg"> |
|
|
<input :password="!tag" class="login_input1_text" placeholder="password" |
|
|
|
|
|
v-model="regDate.password1" @input="verificationReg"> |
|
|
<image :src="eye" mode="" class="see login_see" @click="seePwd"></image> |
|
|
<image :src="eye" mode="" class="see login_see" @click="seePwd"></image> |
|
|
</view> |
|
|
</view> |
|
|
<view class="tips" v-show="regErr">{{errMsg}}</view> |
|
|
<view class="tips" v-show="regErr">{{errMsg}}</view> |
|
|
<button class="login_submit" :disabled="isReg" @click="Reg()">REGISTER</button> |
|
|
<button class="login_submit" :disabled="isReg" @click="Reg()">REGISTER</button> |
|
|
<view class="agreement"> |
|
|
<view class="agreement"> |
|
|
<image src="../../static/img/select2.png" mode="" style="width: 25px;height: 25px;" class="agreement_image" @click="regSelect=!regSelect" v-show="!regSelect"></image> |
|
|
<image src="../../static/img/select2.png" mode="" style="width: 25px;height: 25px;" |
|
|
<image src="../../static/img/select_red.png" mode="" style="width: 25px;height: 25px;" class="agreement_image" @click="regSelect=!regSelect" v-show="regSelect"></image> |
|
|
class="agreement_image" @click="regSelect=!regSelect" v-show="!regSelect"></image> |
|
|
|
|
|
<image src="../../static/img/select_red.png" mode="" style="width: 25px;height: 25px;" |
|
|
|
|
|
class="agreement_image" @click="regSelect=!regSelect" v-show="regSelect"></image> |
|
|
<view class="agreement_right"> |
|
|
<view class="agreement_right"> |
|
|
by continuong, you agree to be <text class="text"@click="gotonewpage(1)" > terms of use </text> and <text class="text" @click="gotonewpage(2)"> privacy policy</text>. |
|
|
by continuong, you agree to be <text class="text" @click="gotonewpage(1)"> terms of use |
|
|
|
|
|
</text> and <text class="text" @click="gotonewpage(2)"> privacy policy</text>. |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
@ -59,19 +78,24 @@ |
|
|
</view> --> |
|
|
</view> --> |
|
|
</view> |
|
|
</view> |
|
|
<uni-popup ref="alertDialog" type="dialog"> |
|
|
<uni-popup ref="alertDialog" type="dialog"> |
|
|
<uni-popup-dialog type="error" cancelText="Close" confirmText="Activation" title="Tips" content="Please activate the mailbox first" |
|
|
<uni-popup-dialog type="error" cancelText="Close" confirmText="Activation" title="Tips" |
|
|
@confirm="dialogConfirm" ></uni-popup-dialog> |
|
|
content="Please activate the mailbox first" @confirm="dialogConfirm"></uni-popup-dialog> |
|
|
</uni-popup> |
|
|
</uni-popup> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
|
<script> |
|
|
<script> |
|
|
import {defaultRequest1,defaultRequest} from '../../api/index.js' |
|
|
import { |
|
|
|
|
|
defaultRequest1, |
|
|
|
|
|
defaultRequest |
|
|
|
|
|
} from '../../api/index.js' |
|
|
const app = getApp() |
|
|
const app = getApp() |
|
|
export default { |
|
|
export default { |
|
|
data() { |
|
|
data() { |
|
|
return { |
|
|
return { |
|
|
|
|
|
// 手机类型 0 默认值(什么都没有) 1 安卓手机(google) 2 IOS手机(apple id) |
|
|
|
|
|
cellphone: 0, |
|
|
items: ['SIGN IN', 'REGISTER'], |
|
|
items: ['SIGN IN', 'REGISTER'], |
|
|
current: 0, |
|
|
current: 0, |
|
|
tag: false, |
|
|
tag: false, |
|
|
@ -153,13 +177,17 @@ |
|
|
}, |
|
|
}, |
|
|
//获取页面配置 |
|
|
//获取页面配置 |
|
|
configuration() { |
|
|
configuration() { |
|
|
let data={_action:'getpagedata',pagecode:'006-PERSONALCENTERPAGE'} |
|
|
let data = { |
|
|
|
|
|
_action: 'getpagedata', |
|
|
|
|
|
pagecode: '006-PERSONALCENTERPAGE' |
|
|
|
|
|
} |
|
|
setTimeout(() => { |
|
|
setTimeout(() => { |
|
|
defaultRequest(data).then(res => { |
|
|
defaultRequest(data).then(res => { |
|
|
console.info(res) |
|
|
console.info(res) |
|
|
res.data.zones.map(item => { |
|
|
res.data.zones.map(item => { |
|
|
if (item.zone_code == 'LOGINBG') { |
|
|
if (item.zone_code == 'LOGINBG') { |
|
|
let src ='https://www.dopeplus.com/images/mapp_customized/202209/1663570362997892419.png' |
|
|
let src = |
|
|
|
|
|
'https://www.dopeplus.com/images/mapp_customized/202209/1663570362997892419.png' |
|
|
|
|
|
|
|
|
if (src !== item.blocks[0].block_pic) { |
|
|
if (src !== item.blocks[0].block_pic) { |
|
|
this.bg = item.blocks[0].block_pic |
|
|
this.bg = item.blocks[0].block_pic |
|
|
@ -304,8 +332,7 @@ |
|
|
uni.navigateTo({ |
|
|
uni.navigateTo({ |
|
|
url: '../order/paypalWebview?src=' + urlStr |
|
|
url: '../order/paypalWebview?src=' + urlStr |
|
|
}) |
|
|
}) |
|
|
} |
|
|
} else { |
|
|
else{ |
|
|
|
|
|
var urlStr = encodeURI("https://en.meixx.com/help/privacy.html") |
|
|
var urlStr = encodeURI("https://en.meixx.com/help/privacy.html") |
|
|
|
|
|
|
|
|
// plus.runtime.openURL(urlStr); |
|
|
// plus.runtime.openURL(urlStr); |
|
|
@ -313,10 +340,20 @@ |
|
|
url: '../order/paypalWebview?src=' + urlStr |
|
|
url: '../order/paypalWebview?src=' + urlStr |
|
|
}) |
|
|
}) |
|
|
} |
|
|
} |
|
|
|
|
|
}, |
|
|
|
|
|
phone (){ |
|
|
|
|
|
let that = this |
|
|
|
|
|
let systemInfo = uni.getSystemInfoSync(); |
|
|
|
|
|
if (systemInfo.platform === 'android') { |
|
|
|
|
|
// 安卓 |
|
|
|
|
|
that.cellphone = 1 |
|
|
|
|
|
console.log(this.cellphone); |
|
|
|
|
|
} else if (systemInfo.platform === 'ios') { |
|
|
|
|
|
// IOS |
|
|
|
|
|
that.cellphone = 2 |
|
|
|
|
|
console.log(this.cellphone); |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
}, |
|
|
}, |
|
|
onLoad() { |
|
|
onLoad() { |
|
|
// 网络 |
|
|
// 网络 |
|
|
@ -325,7 +362,7 @@ |
|
|
let time = setInterval(() => { |
|
|
let time = setInterval(() => { |
|
|
uni.getNetworkType({ |
|
|
uni.getNetworkType({ |
|
|
success: (res) => { |
|
|
success: (res) => { |
|
|
console.log(res.networkType, s); |
|
|
// console.log(res.networkType, s); |
|
|
if (res.networkType == 'none') { |
|
|
if (res.networkType == 'none') { |
|
|
uni.showToast({ |
|
|
uni.showToast({ |
|
|
icon: 'none', |
|
|
icon: 'none', |
|
|
@ -342,16 +379,7 @@ |
|
|
s++; |
|
|
s++; |
|
|
}, 1000); |
|
|
}, 1000); |
|
|
this.configuration() |
|
|
this.configuration() |
|
|
|
|
|
this.phone() |
|
|
// IOS&Android判断 |
|
|
|
|
|
let systemInfo = uni.getSystemInfoSync(); |
|
|
|
|
|
if (systemInfo.platform === 'android') { |
|
|
|
|
|
// 安卓 |
|
|
|
|
|
console.log(安卓); |
|
|
|
|
|
} else if (systemInfo.platform === 'ios') { |
|
|
|
|
|
// IOS |
|
|
|
|
|
console.log(IOS); |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
</script> |
|
|
</script> |
|
|
@ -375,6 +403,7 @@ |
|
|
text-align: center; |
|
|
text-align: center; |
|
|
padding-left: 20rpx; |
|
|
padding-left: 20rpx; |
|
|
color: #fff; |
|
|
color: #fff; |
|
|
|
|
|
|
|
|
image { |
|
|
image { |
|
|
float: left; |
|
|
float: left; |
|
|
padding-top: 30rpx; |
|
|
padding-top: 30rpx; |
|
|
@ -382,6 +411,7 @@ |
|
|
height: 40rpx; |
|
|
height: 40rpx; |
|
|
width: 40rpx; |
|
|
width: 40rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.one_text { |
|
|
.one_text { |
|
|
width: 60%; |
|
|
width: 60%; |
|
|
text-align: center; |
|
|
text-align: center; |
|
|
@ -389,17 +419,20 @@ |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.login_top { |
|
|
.login_top { |
|
|
height: 102px; |
|
|
height: 102px; |
|
|
width: 144px; |
|
|
width: 144px; |
|
|
margin-top: 200rpx; |
|
|
margin-top: 200rpx; |
|
|
margin-left: 30%; |
|
|
margin-left: 30%; |
|
|
|
|
|
|
|
|
image { |
|
|
image { |
|
|
height: 100%; |
|
|
height: 100%; |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
margin: auto 0; |
|
|
margin: auto 0; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.body { |
|
|
.body { |
|
|
background-size: 100%; |
|
|
background-size: 100%; |
|
|
height: 100vh; |
|
|
height: 100vh; |
|
|
@ -411,22 +444,27 @@ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.uni-input-placeholder { |
|
|
.uni-input-placeholder { |
|
|
color: #fff !important; |
|
|
color: #fff !important; |
|
|
font-size: 13px; |
|
|
font-size: 13px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.tips { |
|
|
.tips { |
|
|
margin-top: 20rpx; |
|
|
margin-top: 20rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
/deep/ .uni-text .segmented-control__text { |
|
|
/deep/ .uni-text .segmented-control__text { |
|
|
color: #fff !important; |
|
|
color: #fff !important; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.login_body { |
|
|
.login_body { |
|
|
// margin-top: 300rpx; |
|
|
// margin-top: 300rpx; |
|
|
padding-top: 80.33rpx; |
|
|
padding-top: 80.33rpx; |
|
|
color: #fff; |
|
|
color: #fff; |
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.see { |
|
|
.see { |
|
|
height: 30rpx; |
|
|
height: 30rpx; |
|
|
width: 30rpx; |
|
|
width: 30rpx; |
|
|
@ -434,12 +472,14 @@ |
|
|
float: right; |
|
|
float: right; |
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.select { |
|
|
.select { |
|
|
margin-bottom: 80rpx; |
|
|
margin-bottom: 80rpx; |
|
|
font-size: 33.33rpx; |
|
|
font-size: 33.33rpx; |
|
|
font-weight: bold; |
|
|
font-weight: bold; |
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.mode { |
|
|
.mode { |
|
|
// position: fixed; |
|
|
// position: fixed; |
|
|
margin-top: 300rpx; |
|
|
margin-top: 300rpx; |
|
|
@ -463,6 +503,7 @@ |
|
|
left: 20%; |
|
|
left: 20%; |
|
|
top: 50%; |
|
|
top: 50%; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
&:after { |
|
|
&:after { |
|
|
content: ""; |
|
|
content: ""; |
|
|
height: 1px; |
|
|
height: 1px; |
|
|
@ -473,9 +514,11 @@ |
|
|
top: 50%; |
|
|
top: 50%; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.uni-button { |
|
|
.uni-button { |
|
|
background-color: aqua !important; |
|
|
background-color: aqua !important; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.mode_content { |
|
|
.mode_content { |
|
|
display: flex; |
|
|
display: flex; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
@ -486,19 +529,42 @@ |
|
|
width: 54.67rpx; |
|
|
width: 54.67rpx; |
|
|
height: 54.67rpx; |
|
|
height: 54.67rpx; |
|
|
margin-right: 49.33rpx; |
|
|
margin-right: 49.33rpx; |
|
|
|
|
|
|
|
|
image { |
|
|
image { |
|
|
border: #fff solid 1rpx; |
|
|
border: #fff solid 1rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
&:last-child { |
|
|
&:last-child { |
|
|
margin-right: 0; |
|
|
margin-right: 0; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.agreement_right { |
|
|
.agreement_right { |
|
|
width: 582rpx; |
|
|
width: 582rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
/deep/ .uni-input-input { |
|
|
/deep/ .uni-input-input { |
|
|
font-size: 26rpx !important; |
|
|
font-size: 26rpx !important; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.cellphone { |
|
|
|
|
|
display: flex; |
|
|
|
|
|
justify-content: space-around; |
|
|
|
|
|
&-box { |
|
|
|
|
|
display: flex; |
|
|
|
|
|
justify-content: space-between; |
|
|
|
|
|
} |
|
|
|
|
|
&-minBox { |
|
|
|
|
|
width: 50px; |
|
|
|
|
|
height: 50px; |
|
|
|
|
|
padding: 0 10px; |
|
|
|
|
|
} |
|
|
|
|
|
image { |
|
|
|
|
|
width: 100%; |
|
|
|
|
|
height: 100%; |
|
|
|
|
|
object-fit: cover; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
</style> |
|
|
</style> |