|
@@ -5,39 +5,28 @@
|
|
|
<image style='width:38px;height:38px;margin:223rpx 0 20px 0;' src='@/static/logo.png'></image>
|
|
|
<h2 class="title Semibold">欢迎使用畅运通司机端</h2>
|
|
|
<view
|
|
|
- style='position:relative;width:100%;margin-top:50px;border-bottom:1px solid #E8E9ED;padding:10px;align-items: center;'
|
|
|
+ style='position:relative;width:93%;margin-top:50px;border-bottom:1px solid #E8E9ED;padding:10px;align-items: center;'
|
|
|
class="flex">
|
|
|
<view class="phone-before-num NumberMedium">+86</view>
|
|
|
<view style='width:85%;'>
|
|
|
<!-- <u--input class="phone-number" border="none" maxlength='11' v-model='phone'
|
|
|
placeholder="请输入手机号码" type="number"></u--input>
|
|
|
<u-input /> -->
|
|
|
- <u--input v-model="phone" border="none" type='number' placeholder="请输入手机号码" class="phone-number"
|
|
|
- maxlength='11' :clearable='true'></u--input>
|
|
|
+ <!-- <u--input v-model="phone" border="none" type='number' placeholder="请输入手机号码" class="phone-number"
|
|
|
+ maxlength='11' :clearable='true'></u--input> -->
|
|
|
+ <input placeholder-style="color:#AFB3BF" v-model="phone" border="none" type='number' placeholder="请输入手机号码" class="phone-number"
|
|
|
+ maxlength='11' >
|
|
|
</view>
|
|
|
</view>
|
|
|
<view style='margin-top:20px;border-bottom:1px solid #E8E9ED;position:relative;height:40px'>
|
|
|
- <!-- <u--input class='password' border="none" v-model='password'
|
|
|
- placeholder="请输入密码,6-16位字符" :type="type" value="">
|
|
|
- </u--input> -->
|
|
|
- <u-input v-if="isShowPassword=='password'" class='password' border="none" v-model='password' placeholder="请输入密码,6-16位字符"
|
|
|
- type="password" :clearable='true'>
|
|
|
- <template slot="suffix">
|
|
|
- <u-icon name="eye-fill" color="rgb(192, 196, 204)" size="24" @click="passWordStatus(1)"
|
|
|
+ <view style='position:relative;'>
|
|
|
+ <input placeholder-style="color:#AFB3BF" class='password' v-model='password' v-if="isShowPassword=='password'" placeholder="请输入密码" type="password">
|
|
|
+ <input placeholder-style="color:#AFB3BF" class='password' v-model='password' v-else type="text" placeholder="请输入密码">
|
|
|
+ <u-icon name="eye-fill" color="rgb(192, 196, 204)" size="24" @click="passWordStatus(1)"
|
|
|
v-if="isShowPassword=='password'"></u-icon>
|
|
|
- <u-icon name="eye-off" color="rgb(192, 196, 204)" size="24" @click="passWordStatus(2)" v-else>
|
|
|
+ <u-icon name="eye-off" color="rgb(192, 196, 204)" size="24" @click="passWordStatus(2)" v-else>
|
|
|
</u-icon>
|
|
|
- </template>
|
|
|
- </u-input>
|
|
|
- <u-input v-else class='password' border="none" v-model='password' placeholder="请输入密码,6-16位字符"
|
|
|
- type="text" :clearable='true'>
|
|
|
- <template slot="suffix">
|
|
|
- <u-icon name="eye-fill" color="rgb(192, 196, 204)" size="24" @click="passWordStatus(1)"
|
|
|
- v-if="isShowPassword=='password'"></u-icon>
|
|
|
- <u-icon name="eye-off" color="rgb(192, 196, 204)" size="24" @click="passWordStatus(2)" v-else>
|
|
|
- </u-icon>
|
|
|
- </template>
|
|
|
- </u-input>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
<button :class='phone!=""&&password!=""?"active":""' @click='passlogin'
|
|
|
class='Regular verificationCode'>登录</button>
|
|
@@ -277,7 +266,12 @@
|
|
|
page {
|
|
|
background: #fff;
|
|
|
}
|
|
|
-
|
|
|
+ .u-icon{
|
|
|
+ position:absolute;
|
|
|
+ right:0;
|
|
|
+ top:50%;
|
|
|
+ transform: translate(-50%,-50%);
|
|
|
+ }
|
|
|
.close {
|
|
|
width: 20px;
|
|
|
height: 20px;
|