|
|
|
@ -7,21 +7,26 @@ |
|
|
|
<view class="login_top"> |
|
|
|
<image src="../../static/img/loginbg.png"></image> |
|
|
|
</view> |
|
|
|
<view class="login_body"> |
|
|
|
<view class="status_bar"></view> |
|
|
|
<uni-segmented-control :current="current" :values="items" @clickItem="onClickItem" styleType="text" activeColor="#010101" class="select"></uni-segmented-control> |
|
|
|
<view class="body"> |
|
|
|
<view class="login" v-show="current==0"> |
|
|
|
<input type="text" class="login_input" placeholder="eamil address" v-model="loginDate.username" @input="verificationLogin"> |
|
|
|
<view class="login_input1"> |
|
|
|
<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> |
|
|
|
</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> |
|
|
|
<button class="login_submit" :disabled="isLogin" @click="login()" >SIGN IN</button> |
|
|
|
<!-- <view class="agreement"> |
|
|
|
<view class="login_body"> |
|
|
|
<view class="status_bar"></view> |
|
|
|
<uni-segmented-control :current="current" :values="items" @clickItem="onClickItem" styleType="text" |
|
|
|
activeColor="#010101" class="select"></uni-segmented-control> |
|
|
|
<view class="body"> |
|
|
|
<view class="login" v-show="current==0"> |
|
|
|
<input type="text" class="login_input" placeholder="eamil address" v-model="loginDate.username" |
|
|
|
@input="verificationLogin"> |
|
|
|
<view class="login_input1"> |
|
|
|
<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> |
|
|
|
</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> |
|
|
|
<button class="login_submit" :disabled="isLogin" @click="login()">SIGN IN</button> |
|
|
|
<!-- <view class="agreement"> |
|
|
|
<image src="../../static/img/select2.png" mode="" class="agreement_image" @click="loginSelect=!loginSelect,loginErr=false" v-show="!loginSelect"></image> |
|
|
|
<image src="../../static/img/select1.png" mode="" class="agreement_image" @click="loginSelect=!loginSelect" v-show="loginSelect"></image> |
|
|
|
<view class="agreement_right"> |
|
|
|
@ -29,27 +34,41 @@ |
|
|
|
</view> |
|
|
|
</view> --> |
|
|
|
|
|
|
|
</view> |
|
|
|
<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="eamil address" @input="verificationReg" v-model="regDate.email"> |
|
|
|
<!-- <input type="text" class="login_input" placeholder="password" @input="verificationReg" v-model="regDate.password1"> --> |
|
|
|
<view class="login_input1"> |
|
|
|
<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> |
|
|
|
<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 class="tips" v-show="regErr">{{errMsg}}</view> |
|
|
|
<button class="login_submit" :disabled="isReg" @click="Reg()">REGISTER</button> |
|
|
|
<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/select_red.png" mode="" style="width: 25px;height: 25px;" class="agreement_image" @click="regSelect=!regSelect" v-show="regSelect"></image> |
|
|
|
<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>. |
|
|
|
|
|
|
|
</view> |
|
|
|
<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="eamil address" @input="verificationReg" |
|
|
|
v-model="regDate.email"> |
|
|
|
<!-- <input type="text" class="login_input" placeholder="password" @input="verificationReg" v-model="regDate.password1"> --> |
|
|
|
<view class="login_input1"> |
|
|
|
<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> |
|
|
|
</view> |
|
|
|
<view class="tips" v-show="regErr">{{errMsg}}</view> |
|
|
|
<button class="login_submit" :disabled="isReg" @click="Reg()">REGISTER</button> |
|
|
|
<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/select_red.png" mode="" style="width: 25px;height: 25px;" |
|
|
|
class="agreement_image" @click="regSelect=!regSelect" v-show="regSelect"></image> |
|
|
|
<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>. |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- <view class="mode"> |
|
|
|
|
|
|
|
<!-- <view class="mode"> |
|
|
|
<view class="mode_title">——— or continue with ———</view> |
|
|
|
<view class="mode_content"> |
|
|
|
<image src="/static/img/facebook2.png" class="mode_content_image"></image> |
|
|
|
@ -57,53 +76,58 @@ |
|
|
|
<image src="/static/img/apple.png" class="mode_content_image" style="border: #fff solid 1rpx;border-radius: 50%;"></image> |
|
|
|
</view> |
|
|
|
</view> --> |
|
|
|
</view> |
|
|
|
<uni-popup ref="alertDialog" type="dialog"> |
|
|
|
<uni-popup-dialog type="error" cancelText="Close" confirmText="Activation" title="Tips" |
|
|
|
content="Please activate the mailbox first" @confirm="dialogConfirm"></uni-popup-dialog> |
|
|
|
</uni-popup> |
|
|
|
</view> |
|
|
|
<uni-popup ref="alertDialog" type="dialog"> |
|
|
|
<uni-popup-dialog type="error" cancelText="Close" confirmText="Activation" title="Tips" content="Please activate the mailbox first" |
|
|
|
@confirm="dialogConfirm" ></uni-popup-dialog> |
|
|
|
</uni-popup> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import {defaultRequest1,defaultRequest} from '../../api/index.js' |
|
|
|
import { |
|
|
|
defaultRequest1, |
|
|
|
defaultRequest |
|
|
|
} from '../../api/index.js' |
|
|
|
const app = getApp() |
|
|
|
export default { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
// 手机类型 0 默认值(什么都没有) 1 安卓手机(google) 2 IOS手机(apple id) |
|
|
|
cellphone: 0, |
|
|
|
items: ['SIGN IN', 'REGISTER'], |
|
|
|
current: 0, |
|
|
|
tag:false, |
|
|
|
eye:'../../static/img/eye_open.png', |
|
|
|
loginDate:{ |
|
|
|
username:'', |
|
|
|
password:'', |
|
|
|
_action:'loginbyun' |
|
|
|
tag: false, |
|
|
|
eye: '../../static/img/eye_open.png', |
|
|
|
loginDate: { |
|
|
|
username: '', |
|
|
|
password: '', |
|
|
|
_action: 'loginbyun' |
|
|
|
}, |
|
|
|
regDate:{ |
|
|
|
username:'', |
|
|
|
email:'', |
|
|
|
password1:'', |
|
|
|
password2:'', |
|
|
|
_action:'registerun' |
|
|
|
regDate: { |
|
|
|
username: '', |
|
|
|
email: '', |
|
|
|
password1: '', |
|
|
|
password2: '', |
|
|
|
_action: 'registerun' |
|
|
|
}, |
|
|
|
// 是否填写完成信息 |
|
|
|
isLogin:true, |
|
|
|
isReg:true, |
|
|
|
isLogin: true, |
|
|
|
isReg: true, |
|
|
|
// 是否勾选 |
|
|
|
regSelect:false, |
|
|
|
loginSelect:false, |
|
|
|
regSelect: false, |
|
|
|
loginSelect: false, |
|
|
|
// 是否显示错误信息 |
|
|
|
backButtonPress:0, |
|
|
|
loginErr:false, |
|
|
|
regErr:false, |
|
|
|
errMsg:'The email address or password you enterde is incorrect.', |
|
|
|
query:{ |
|
|
|
_action:'sendmessagesforvalidation', |
|
|
|
username:'', |
|
|
|
backButtonPress: 0, |
|
|
|
loginErr: false, |
|
|
|
regErr: false, |
|
|
|
errMsg: 'The email address or password you enterde is incorrect.', |
|
|
|
query: { |
|
|
|
_action: 'sendmessagesforvalidation', |
|
|
|
username: '', |
|
|
|
}, |
|
|
|
bg:'/static/img/bg.png' |
|
|
|
bg: '/static/img/bg.png' |
|
|
|
} |
|
|
|
}, |
|
|
|
// onBackPress(options) { |
|
|
|
@ -118,32 +142,32 @@ |
|
|
|
// }, 1000); |
|
|
|
// return true; |
|
|
|
// }, |
|
|
|
methods:{ |
|
|
|
seePwd(){ |
|
|
|
|
|
|
|
methods: { |
|
|
|
seePwd() { |
|
|
|
|
|
|
|
this.tag = !this.tag; |
|
|
|
if(this.eye.includes('eye_open')){ |
|
|
|
if (this.eye.includes('eye_open')) { |
|
|
|
this.eye = '../../static/img/eye_w.png' |
|
|
|
}else{ |
|
|
|
this.eye ='../../static/img/eye_open.png' |
|
|
|
} else { |
|
|
|
this.eye = '../../static/img/eye_open.png' |
|
|
|
} |
|
|
|
}, |
|
|
|
back(){ |
|
|
|
back() { |
|
|
|
uni.navigateBack({ |
|
|
|
delta:1 |
|
|
|
delta: 1 |
|
|
|
}) |
|
|
|
}, |
|
|
|
forgotPwd(){ |
|
|
|
if(this.loginDate.username==''){ |
|
|
|
forgotPwd() { |
|
|
|
if (this.loginDate.username == '') { |
|
|
|
uni.showToast({ |
|
|
|
title:'Please fill in the user email first', |
|
|
|
icon:'none', |
|
|
|
title: 'Please fill in the user email first', |
|
|
|
icon: 'none', |
|
|
|
duration: 2000 |
|
|
|
}) |
|
|
|
return |
|
|
|
} |
|
|
|
uni.navigateTo({ |
|
|
|
url:'./verifyEmail?email='+this.loginDate.username |
|
|
|
url: './verifyEmail?email=' + this.loginDate.username |
|
|
|
}) |
|
|
|
}, |
|
|
|
onClickItem(e) { |
|
|
|
@ -152,171 +176,184 @@ |
|
|
|
} |
|
|
|
}, |
|
|
|
//获取页面配置 |
|
|
|
configuration(){ |
|
|
|
let data={_action:'getpagedata',pagecode:'006-PERSONALCENTERPAGE'} |
|
|
|
setTimeout(() =>{ |
|
|
|
defaultRequest(data).then(res=>{ |
|
|
|
configuration() { |
|
|
|
let data = { |
|
|
|
_action: 'getpagedata', |
|
|
|
pagecode: '006-PERSONALCENTERPAGE' |
|
|
|
} |
|
|
|
setTimeout(() => { |
|
|
|
defaultRequest(data).then(res => { |
|
|
|
console.info(res) |
|
|
|
res.data.zones.map( item =>{ |
|
|
|
if(item.zone_code == 'LOGINBG'){ |
|
|
|
let src ='https://www.dopeplus.com/images/mapp_customized/202209/1663570362997892419.png' |
|
|
|
|
|
|
|
if(src !==item.blocks[0].block_pic ){ |
|
|
|
res.data.zones.map(item => { |
|
|
|
if (item.zone_code == 'LOGINBG') { |
|
|
|
let src = |
|
|
|
'https://www.dopeplus.com/images/mapp_customized/202209/1663570362997892419.png' |
|
|
|
|
|
|
|
if (src !== item.blocks[0].block_pic) { |
|
|
|
this.bg = item.blocks[0].block_pic |
|
|
|
} |
|
|
|
console.log(this.bg) |
|
|
|
console.log(this.bg) |
|
|
|
} |
|
|
|
}) |
|
|
|
|
|
|
|
|
|
|
|
}) |
|
|
|
},200) |
|
|
|
}, 200) |
|
|
|
}, |
|
|
|
// 登录 |
|
|
|
login(){ |
|
|
|
login() { |
|
|
|
// if(!this.loginSelect){ |
|
|
|
// this.errMsg='Please read and tick the terms of service and privacy policy first.' |
|
|
|
// this.loginErr=true |
|
|
|
// return |
|
|
|
// } |
|
|
|
uni.showLoading({ |
|
|
|
title:'Logining', |
|
|
|
|
|
|
|
title: 'Logining', |
|
|
|
|
|
|
|
}) |
|
|
|
console.log(this.loginDate) |
|
|
|
defaultRequest1(this.loginDate).then(res=>{ |
|
|
|
defaultRequest1(this.loginDate).then(res => { |
|
|
|
app.globalData.error = res.error |
|
|
|
console.log('======================',res.error) |
|
|
|
|
|
|
|
if(res.error==0){ |
|
|
|
this.loginErr=false |
|
|
|
res.data.isLogin=true |
|
|
|
|
|
|
|
setTimeout( () =>{ |
|
|
|
console.log('======================', res.error) |
|
|
|
|
|
|
|
if (res.error == 0) { |
|
|
|
this.loginErr = false |
|
|
|
res.data.isLogin = true |
|
|
|
|
|
|
|
setTimeout(() => { |
|
|
|
uni.hideLoading() |
|
|
|
uni.showToast({ |
|
|
|
title:'Login successful', |
|
|
|
icon:'none', |
|
|
|
title: 'Login successful', |
|
|
|
icon: 'none', |
|
|
|
duration: 2000 |
|
|
|
}) |
|
|
|
},1000) |
|
|
|
let list ={ |
|
|
|
email:res.data.email, |
|
|
|
cartlist:[] |
|
|
|
}, 1000) |
|
|
|
let list = { |
|
|
|
email: res.data.email, |
|
|
|
cartlist: [] |
|
|
|
} |
|
|
|
let list2 = [] |
|
|
|
list2.push(list) |
|
|
|
uni.setStorageSync('cartlist',list2) |
|
|
|
uni.setStorageSync('isLogin',1) |
|
|
|
uni.setStorageSync('user_info',res.data) |
|
|
|
uni.setStorageSync('cartlist', list2) |
|
|
|
uni.setStorageSync('isLogin', 1) |
|
|
|
uni.setStorageSync('user_info', res.data) |
|
|
|
uni.navigateBack({ |
|
|
|
delta:1 |
|
|
|
delta: 1 |
|
|
|
}) |
|
|
|
// uni.switchTab({ |
|
|
|
// delta: 1 |
|
|
|
// url:'../index/index' |
|
|
|
// }) |
|
|
|
}else{ |
|
|
|
if(res.data){ |
|
|
|
} else { |
|
|
|
if (res.data) { |
|
|
|
this.$refs.alertDialog.open() |
|
|
|
this.query.username=this.loginDate.username |
|
|
|
}else{ |
|
|
|
this.loginErr=true |
|
|
|
this.errMsg=res.message |
|
|
|
this.query.username = this.loginDate.username |
|
|
|
} else { |
|
|
|
this.loginErr = true |
|
|
|
this.errMsg = res.message |
|
|
|
console.log(this.errMsg); |
|
|
|
} |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
// 验证邮件 |
|
|
|
dialogConfirm(){ |
|
|
|
console.log(this.query,'////') |
|
|
|
defaultRequest(this.query).then(res=>{ |
|
|
|
dialogConfirm() { |
|
|
|
console.log(this.query, '////') |
|
|
|
defaultRequest(this.query).then(res => { |
|
|
|
console.info(res) |
|
|
|
if(res.error==0){ |
|
|
|
if (res.error == 0) { |
|
|
|
uni.showToast({ |
|
|
|
title:res.message, |
|
|
|
icon:'none', |
|
|
|
title: res.message, |
|
|
|
icon: 'none', |
|
|
|
duration: 2000 |
|
|
|
}) |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
// 注册 |
|
|
|
Reg(){ |
|
|
|
if(!this.regSelect){ |
|
|
|
Reg() { |
|
|
|
if (!this.regSelect) { |
|
|
|
uni.showToast({ |
|
|
|
title:'please agree to and tick the User Agreement first', |
|
|
|
icon:'none', |
|
|
|
title: 'please agree to and tick the User Agreement first', |
|
|
|
icon: 'none', |
|
|
|
duration: 2000 |
|
|
|
}) |
|
|
|
return |
|
|
|
} |
|
|
|
this.regDate.password2=this.regDate.password1 |
|
|
|
this.regDate.password2 = this.regDate.password1 |
|
|
|
uni.showLoading({ |
|
|
|
title:'Register now~', |
|
|
|
|
|
|
|
title: 'Register now~', |
|
|
|
|
|
|
|
}) |
|
|
|
defaultRequest1(this.regDate).then(res=>{ |
|
|
|
defaultRequest1(this.regDate).then(res => { |
|
|
|
console.info(res) |
|
|
|
if(res.error==0){ |
|
|
|
if (res.error == 0) { |
|
|
|
uni.hideLoading() |
|
|
|
this.regErr=false |
|
|
|
this.regErr = false |
|
|
|
this.loginDate.password = this.regDate.password1 |
|
|
|
this.loginDate.username = this.regDate.username |
|
|
|
this.login() |
|
|
|
setTimeout( ()=>{ |
|
|
|
setTimeout(() => { |
|
|
|
// Successful registration, please verify your email address! |
|
|
|
uni.showToast({ |
|
|
|
title:'logining in~', |
|
|
|
icon:'none', |
|
|
|
title: 'logining in~', |
|
|
|
icon: 'none', |
|
|
|
duration: 2000 |
|
|
|
}) |
|
|
|
},1000) |
|
|
|
}else{ |
|
|
|
this.regErr=true |
|
|
|
this.errMsg=res.message |
|
|
|
}, 1000) |
|
|
|
} else { |
|
|
|
this.regErr = true |
|
|
|
this.errMsg = res.message |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
// 验证是否填写登录信息 |
|
|
|
verificationLogin(){ |
|
|
|
if(this.loginDate.username && this.loginDate.password){ |
|
|
|
this.isLogin=false |
|
|
|
}else{ |
|
|
|
this.isLogin=true |
|
|
|
verificationLogin() { |
|
|
|
if (this.loginDate.username && this.loginDate.password) { |
|
|
|
this.isLogin = false |
|
|
|
} else { |
|
|
|
this.isLogin = true |
|
|
|
} |
|
|
|
}, |
|
|
|
// 验证是否填写注册信息 |
|
|
|
verificationReg(){ |
|
|
|
if(this.regDate.username && this.regDate.password1 && this.regDate.email){ |
|
|
|
this.isReg=false |
|
|
|
}else{ |
|
|
|
this.isReg=true |
|
|
|
verificationReg() { |
|
|
|
if (this.regDate.username && this.regDate.password1 && this.regDate.email) { |
|
|
|
this.isReg = false |
|
|
|
} else { |
|
|
|
this.isReg = true |
|
|
|
} |
|
|
|
}, |
|
|
|
// 跳到页面 |
|
|
|
gotonewpage(e){ |
|
|
|
|
|
|
|
if(e==1){ |
|
|
|
gotonewpage(e) { |
|
|
|
|
|
|
|
if (e == 1) { |
|
|
|
var urlStr = encodeURI("https://dopeplus.com/help/Terms.html") |
|
|
|
// plus.runtime.openURL(urlStr); |
|
|
|
// plus.runtime.openURL(urlStr); |
|
|
|
uni.navigateTo({ |
|
|
|
url:'../order/paypalWebview?src='+urlStr |
|
|
|
url: '../order/paypalWebview?src=' + urlStr |
|
|
|
}) |
|
|
|
} |
|
|
|
else{ |
|
|
|
} else { |
|
|
|
var urlStr = encodeURI("https://en.meixx.com/help/privacy.html") |
|
|
|
|
|
|
|
// plus.runtime.openURL(urlStr); |
|
|
|
|
|
|
|
// plus.runtime.openURL(urlStr); |
|
|
|
uni.navigateTo({ |
|
|
|
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() { |
|
|
|
// 网络 |
|
|
|
@ -325,7 +362,7 @@ |
|
|
|
let time = setInterval(() => { |
|
|
|
uni.getNetworkType({ |
|
|
|
success: (res) => { |
|
|
|
console.log(res.networkType, s); |
|
|
|
// console.log(res.networkType, s); |
|
|
|
if (res.networkType == 'none') { |
|
|
|
uni.showToast({ |
|
|
|
icon: 'none', |
|
|
|
@ -335,126 +372,129 @@ |
|
|
|
} else if (res.networkType !== 'none') { |
|
|
|
that.typee = 2; |
|
|
|
clearInterval(time); |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
}) |
|
|
|
s++; |
|
|
|
}, 1000); |
|
|
|
this.configuration() |
|
|
|
|
|
|
|
// IOS&Android判断 |
|
|
|
let systemInfo = uni.getSystemInfoSync(); |
|
|
|
if (systemInfo.platform === 'android') { |
|
|
|
// 安卓 |
|
|
|
console.log(安卓); |
|
|
|
} else if (systemInfo.platform === 'ios') { |
|
|
|
// IOS |
|
|
|
console.log(IOS); |
|
|
|
} |
|
|
|
this.phone() |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
<style> |
|
|
|
page{ |
|
|
|
page { |
|
|
|
height: 100vh; |
|
|
|
background-color: black; |
|
|
|
} |
|
|
|
</style> |
|
|
|
<style lang="scss" scoped> |
|
|
|
.one1{ |
|
|
|
display: flex; |
|
|
|
height:100rpx; |
|
|
|
padding-top: 50rpx; |
|
|
|
width: 100%; |
|
|
|
top:0; |
|
|
|
line-height: 100rpx; |
|
|
|
z-index: 99; |
|
|
|
|
|
|
|
position: fixed; |
|
|
|
text-align: center; |
|
|
|
padding-left:20rpx; |
|
|
|
color:#fff; |
|
|
|
image{ |
|
|
|
float: left; |
|
|
|
padding-top: 30rpx; |
|
|
|
padding-right:20rpx; |
|
|
|
height: 40rpx; |
|
|
|
width: 40rpx; |
|
|
|
} |
|
|
|
.one_text{ |
|
|
|
width: 60%; |
|
|
|
text-align: center; |
|
|
|
margin-left: 10%; |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
.login_top{ |
|
|
|
.one1 { |
|
|
|
display: flex; |
|
|
|
height: 100rpx; |
|
|
|
padding-top: 50rpx; |
|
|
|
width: 100%; |
|
|
|
top: 0; |
|
|
|
line-height: 100rpx; |
|
|
|
z-index: 99; |
|
|
|
|
|
|
|
position: fixed; |
|
|
|
text-align: center; |
|
|
|
padding-left: 20rpx; |
|
|
|
color: #fff; |
|
|
|
|
|
|
|
image { |
|
|
|
float: left; |
|
|
|
padding-top: 30rpx; |
|
|
|
padding-right: 20rpx; |
|
|
|
height: 40rpx; |
|
|
|
width: 40rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.one_text { |
|
|
|
width: 60%; |
|
|
|
text-align: center; |
|
|
|
margin-left: 10%; |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.login_top { |
|
|
|
height: 102px; |
|
|
|
width: 144px; |
|
|
|
margin-top: 200rpx; |
|
|
|
margin-left: 30%; |
|
|
|
image{ |
|
|
|
|
|
|
|
image { |
|
|
|
height: 100%; |
|
|
|
width: 100%; |
|
|
|
margin: auto 0; |
|
|
|
} |
|
|
|
} |
|
|
|
.body{ |
|
|
|
|
|
|
|
.body { |
|
|
|
background-size: 100%; |
|
|
|
height: 100vh; |
|
|
|
width: 100%; |
|
|
|
// background-color: red; |
|
|
|
padding:0; |
|
|
|
color:#fff !important; |
|
|
|
padding: 0; |
|
|
|
color: #fff !important; |
|
|
|
position: fixed; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
.uni-input-placeholder{ |
|
|
|
color:#fff !important; |
|
|
|
font-size:13px; |
|
|
|
|
|
|
|
.uni-input-placeholder { |
|
|
|
color: #fff !important; |
|
|
|
font-size: 13px; |
|
|
|
} |
|
|
|
.tips{ |
|
|
|
|
|
|
|
.tips { |
|
|
|
margin-top: 20rpx; |
|
|
|
} |
|
|
|
/deep/ .uni-text .segmented-control__text{ |
|
|
|
color:#fff !important; |
|
|
|
|
|
|
|
/deep/ .uni-text .segmented-control__text { |
|
|
|
color: #fff !important; |
|
|
|
} |
|
|
|
.login_body{ |
|
|
|
|
|
|
|
.login_body { |
|
|
|
// margin-top: 300rpx; |
|
|
|
padding-top: 80.33rpx; |
|
|
|
color:#fff; |
|
|
|
|
|
|
|
color: #fff; |
|
|
|
|
|
|
|
} |
|
|
|
.see{ |
|
|
|
|
|
|
|
.see { |
|
|
|
height: 30rpx; |
|
|
|
width: 30rpx; |
|
|
|
margin-top: 36rpx; |
|
|
|
float: right; |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
.select{ |
|
|
|
|
|
|
|
.select { |
|
|
|
margin-bottom: 80rpx; |
|
|
|
font-size: 33.33rpx; |
|
|
|
font-weight: bold; |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
.mode{ |
|
|
|
|
|
|
|
.mode { |
|
|
|
// position: fixed; |
|
|
|
margin-top: 300rpx; |
|
|
|
bottom: 138.67rpx; |
|
|
|
bottom: 138.67rpx; |
|
|
|
width: 100%; |
|
|
|
left: 0; |
|
|
|
|
|
|
|
.mode_title{ |
|
|
|
|
|
|
|
.mode_title { |
|
|
|
font-size: 26.67rpx; |
|
|
|
color: #fff; |
|
|
|
// position: relative; |
|
|
|
text-align: center; |
|
|
|
width: 100%; |
|
|
|
|
|
|
|
&:before{ |
|
|
|
|
|
|
|
&:before { |
|
|
|
content: ""; |
|
|
|
height: 1px; |
|
|
|
width: 89.33rpx; |
|
|
|
@ -463,7 +503,8 @@ |
|
|
|
left: 20%; |
|
|
|
top: 50%; |
|
|
|
} |
|
|
|
&:after{ |
|
|
|
|
|
|
|
&:after { |
|
|
|
content: ""; |
|
|
|
height: 1px; |
|
|
|
width: 89.33rpx; |
|
|
|
@ -473,32 +514,57 @@ |
|
|
|
top: 50%; |
|
|
|
} |
|
|
|
} |
|
|
|
.uni-button{ |
|
|
|
|
|
|
|
.uni-button { |
|
|
|
background-color: aqua !important; |
|
|
|
} |
|
|
|
.mode_content{ |
|
|
|
|
|
|
|
.mode_content { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
justify-content: center; |
|
|
|
margin-top: 50.67rpx; |
|
|
|
|
|
|
|
.mode_content_image{ |
|
|
|
|
|
|
|
.mode_content_image { |
|
|
|
width: 54.67rpx; |
|
|
|
height: 54.67rpx; |
|
|
|
margin-right: 49.33rpx; |
|
|
|
image{ |
|
|
|
|
|
|
|
image { |
|
|
|
border: #fff solid 1rpx; |
|
|
|
} |
|
|
|
&:last-child{ |
|
|
|
|
|
|
|
&:last-child { |
|
|
|
margin-right: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.agreement_right{ |
|
|
|
|
|
|
|
.agreement_right { |
|
|
|
width: 582rpx; |
|
|
|
} |
|
|
|
/deep/ .uni-input-input{ |
|
|
|
|
|
|
|
/deep/ .uni-input-input { |
|
|
|
font-size: 26rpx !important; |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
|
|
|
.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> |
|
|
|
|
