|
@@ -4,22 +4,26 @@
|
|
<!-- 设置白色背景防止软键盘把下部绝对定位元素顶上来盖住输入框等 -->
|
|
<!-- 设置白色背景防止软键盘把下部绝对定位元素顶上来盖住输入框等 -->
|
|
<view class="wrapper">
|
|
<view class="wrapper">
|
|
<image style='width:38px;height:38px;margin-bottom:10px;' src='../../static/img/login/logo@2x.png'></image>
|
|
<image style='width:38px;height:38px;margin-bottom:10px;' src='../../static/img/login/logo@2x.png'></image>
|
|
- <h2>欢迎使用易粮易运</h2>
|
|
|
|
- <view style='position:relative;width:100%;margin-top:50px;border-bottom:1px solid #E8E9ED;padding:10px;' class="flex">
|
|
|
|
- <view style='width:15%;border-right:1px solid #E8E9ED;'>+86</view>
|
|
|
|
- <view style='width:85%;'><input style='padding-left:10px;' maxlength='11' v-model='phone' placeholder="请输入手机号码" type="number"></view>
|
|
|
|
|
|
+ <h2 class="title Semibold">欢迎使用易粮易运</h2>
|
|
|
|
+ <view style='position:relative;width:100%;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" :custom-style='{"fontSize":"16px"}' maxlength='11' v-model='phone' placeholder="请输入手机号码" type="number"/>
|
|
|
|
+ <!-- <input style='padding-left:10px;' maxlength='11' v-model='phone' placeholder="请输入手机号码" type="number"> -->
|
|
|
|
+ </view>
|
|
<image v-if='phone!=""' @click='phone=""' class='close' src='../../static/img/login/guanbi@2x.png'></image>
|
|
<image v-if='phone!=""' @click='phone=""' class='close' src='../../static/img/login/guanbi@2x.png'></image>
|
|
</view>
|
|
</view>
|
|
<view style='margin-top:20px;border-bottom:1px solid #E8E9ED;position:relative;'>
|
|
<view style='margin-top:20px;border-bottom:1px solid #E8E9ED;position:relative;'>
|
|
- <input class='password' style='height:40px;' v-model='password' placeholder="请输入密码,6-16位字符" :type="type" value="" />
|
|
|
|
|
|
+ <u-input class='password' style='height:40px;' :custom-style='{"fontSize":"16px"}' v-model='password' placeholder="请输入密码,6-16位字符" :type="type" value="" />
|
|
|
|
+ <!-- <input class='password' style='height:40px;' v-model='password' placeholder="请输入密码,6-16位字符" :type="type" value="" />
|
|
<view @click='switchover' style='position:absolute;right:0;top:38%;z-index:10;cursor:pointer;' class="iconfont " :class='type=="password"?"icon-yanjing-biyan":"icon-yanjing-zhengyan"'></view>
|
|
<view @click='switchover' style='position:absolute;right:0;top:38%;z-index:10;cursor:pointer;' class="iconfont " :class='type=="password"?"icon-yanjing-biyan":"icon-yanjing-zhengyan"'></view>
|
|
- <image v-if='password!=""' @click='password=""' class='close2' src='../../static/img/login/guanbi@2x.png'></image>
|
|
|
|
|
|
+ <image v-if='password!=""' @click='password=""' class='close2' src='../../static/img/login/guanbi@2x.png'></image> -->
|
|
</view>
|
|
</view>
|
|
- <button :class='phone!=""&&password!=""?"active":""' @click='passlogin' class='verificationCode'>登录</button>
|
|
|
|
- <button @click='goregister' class='verificationCode active'>手机号一键注册</button>
|
|
|
|
|
|
+ <button :class='phone!=""&&password!=""?"active":""' @click='passlogin' class='Regular verificationCode'>登录</button>
|
|
|
|
+ <button @click='goregister' class='verificationCode active Regular'>手机号一键注册</button>
|
|
<view class='flex' style='color:#6A6A6A;margin-top:10px;'>
|
|
<view class='flex' style='color:#6A6A6A;margin-top:10px;'>
|
|
- <view style='flex:1;text-align:center;border-right:1px solid #E8E9ED;' @click="forgetpass()">忘记密码</view>
|
|
|
|
- <view @click='gocode' style='flex:1;text-align:center;'>验证码登录</view>
|
|
|
|
|
|
+ <view style='flex:1;text-align:center;border-right:1px solid #E8E9ED;' class="Regular" @click="forgetpass()">忘记密码</view>
|
|
|
|
+ <view @click='gocode' style='flex:1;text-align:center;' class="Regular">验证码登录</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
@@ -933,4 +937,17 @@ username: "13333333333"}).then(res1 => {
|
|
.register:after{
|
|
.register:after{
|
|
border:none;
|
|
border:none;
|
|
}
|
|
}
|
|
|
|
+ .phone-before-num{
|
|
|
|
+ font-size: 34rpx;
|
|
|
|
+ color: #333333;
|
|
|
|
+ border-right: 1px solid #E8E9ED;
|
|
|
|
+ padding-right: 20rpx;
|
|
|
|
+ }
|
|
|
|
+ .phone-number{
|
|
|
|
+ margin-left: 20rpx;
|
|
|
|
+ font-size: 34rpx;
|
|
|
|
+ font-family: DINPro-Medium, DINPro;
|
|
|
|
+ font-weight: 500;
|
|
|
|
+ color: #333333;
|
|
|
|
+ }
|
|
</style>
|
|
</style>
|