|
|
|
@ -1,16 +1,13 @@ |
|
|
|
<!-- 账号密码登录页 --> |
|
|
|
<template> |
|
|
|
<view class="" style="position: relative;"> |
|
|
|
<view class="logins"> |
|
|
|
<view class="nav_area"></view> |
|
|
|
<view class="logo_area"> |
|
|
|
<image src="../../static/home/logo.png" mode=""></image> |
|
|
|
<!-- <view class="close" @click="backPrev()"></view> --> |
|
|
|
<view class="selece_box" v-if="0"> |
|
|
|
<uni-data-select :clear="false" |
|
|
|
v-model="value" |
|
|
|
:localdata="range" |
|
|
|
@change="changeType" |
|
|
|
></uni-data-select> |
|
|
|
<uni-data-select :clear="false" v-model="value" :localdata="range" |
|
|
|
@change="changeType"></uni-data-select> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<text class="title-box">欢迎登陆顶呱刮</text> |
|
|
|
@ -45,8 +42,9 @@ |
|
|
|
温馨提示：<br/> |
|
|
|
忘记密码，请联系平台 |
|
|
|
</view> --> |
|
|
|
|
|
|
|
<view v-if="this.userType=='user'" |
|
|
|
style="width: 100vw;text-align: center;color: #dcdcdc;font-size: 14px; line-height: 28px;position: absolute;bottom: -34vh;"> |
|
|
|
class="bottom_t"> |
|
|
|
温馨提示：<br /> |
|
|
|
忘记密码，请联系平台 |
|
|
|
</view> |
|
|
|
@ -70,11 +68,19 @@ |
|
|
|
"logo": "/static/logo.png", |
|
|
|
userType: 'user', //user|agent|background |
|
|
|
value: 0, |
|
|
|
range: [ |
|
|
|
{ value: 0, text: "用户登录" }, |
|
|
|
{ value: 1, text: "代理登录" }, |
|
|
|
{ value: 2, text: "后台登录" }, |
|
|
|
], |
|
|
|
range: [{ |
|
|
|
value: 0, |
|
|
|
text: "用户登录" |
|
|
|
}, |
|
|
|
{ |
|
|
|
value: 1, |
|
|
|
text: "代理登录" |
|
|
|
}, |
|
|
|
{ |
|
|
|
value: 2, |
|
|
|
text: "后台登录" |
|
|
|
}, |
|
|
|
] |
|
|
|
} |
|
|
|
}, |
|
|
|
onLoad(e) { |
|
|
|
@ -133,8 +139,13 @@ |
|
|
|
}); |
|
|
|
} |
|
|
|
|
|
|
|
let url = '/passport/mixedLogin', newUrl = ''; |
|
|
|
let data = {account_number: this.username, password: this.password, captcha: ''}; |
|
|
|
let url = '/passport/mixedLogin', |
|
|
|
newUrl = ''; |
|
|
|
let data = { |
|
|
|
account_number: this.username, |
|
|
|
password: this.password, |
|
|
|
captcha: '' |
|
|
|
}; |
|
|
|
|
|
|
|
API.request(url, data, res => { |
|
|
|
uni.showToast({ |
|
|
|
@ -181,12 +192,26 @@ |
|
|
|
console.error(e); |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
uni-page-body{ |
|
|
|
display: block; |
|
|
|
box-sizing: border-box; |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
} |
|
|
|
.logins{ |
|
|
|
height: 100%; |
|
|
|
// position: relative; |
|
|
|
} |
|
|
|
.bottom_t{ |
|
|
|
width: 100vw;text-align: center;color: #dcdcdc;font-size: 14px; |
|
|
|
line-height: 28px;height: 56px;position: relative;bottom: -25%; |
|
|
|
} |
|
|
|
.nav_area { |
|
|
|
background-color: #fff; |
|
|
|
width: 750rpx; |
|
|
|
@ -198,17 +223,19 @@ |
|
|
|
/* #endif */ |
|
|
|
padding-top: var(--status-bar-height); |
|
|
|
} |
|
|
|
|
|
|
|
.logo_area { |
|
|
|
width: 270px; |
|
|
|
height: 50px; |
|
|
|
margin: 4px auto; |
|
|
|
position: relative; |
|
|
|
// position: relative; |
|
|
|
|
|
|
|
image { |
|
|
|
width: 50px; |
|
|
|
height: 47px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.title-box { |
|
|
|
font-size: 26px; |
|
|
|
color: #444; |
|
|
|
@ -224,25 +251,31 @@ |
|
|
|
width: 270px; |
|
|
|
margin: 0px auto; |
|
|
|
} |
|
|
|
|
|
|
|
/deep/ .uni-easyinput__content { |
|
|
|
background-color: #fff !important; |
|
|
|
border-bottom: 1px solid #ebebeb; |
|
|
|
font-size: 16px !important; |
|
|
|
} |
|
|
|
|
|
|
|
.uni-easyinput__placeholder-class { |
|
|
|
font-size: 16px; |
|
|
|
color: #cecece; |
|
|
|
} |
|
|
|
|
|
|
|
/deep/ .uni-easyinput__content-input { |
|
|
|
padding-left: 0px !important; |
|
|
|
// flex: 0.45; |
|
|
|
} |
|
|
|
|
|
|
|
/deep/ .content-clear-icon { |
|
|
|
// flex: 1; |
|
|
|
} |
|
|
|
|
|
|
|
.login-btn { |
|
|
|
border-radius: 10px; |
|
|
|
} |
|
|
|
|
|
|
|
.forget { |
|
|
|
font-size: 14px; |
|
|
|
color: #999; |
|
|
|
|
