|
@@ -3,66 +3,68 @@
|
|
<view class="login-main">
|
|
<view class="login-main">
|
|
<text class="logo-text">您的微信尚未绑定公司账号,填写以下资料进行绑定后,您能通过微信快速登录。</text>
|
|
<text class="logo-text">您的微信尚未绑定公司账号,填写以下资料进行绑定后,您能通过微信快速登录。</text>
|
|
</view>
|
|
</view>
|
|
- <view class="login-form clearfix">
|
|
|
|
- <view class="login-input">
|
|
|
|
- <input type="text"
|
|
|
|
- v-model="bindLinkName"
|
|
|
|
- maxlength="30"
|
|
|
|
- class="input"
|
|
|
|
- placeholder="请输入姓名"
|
|
|
|
- />
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
- <view class="login-form clearfix">
|
|
|
|
- <view class="login-input">
|
|
|
|
- <input type="number"
|
|
|
|
- v-model="bindLinkPhone"
|
|
|
|
- maxlength="11"
|
|
|
|
- class="input"
|
|
|
|
- placeholder="请输入手机号"
|
|
|
|
- />
|
|
|
|
|
|
+ <view class="login-container">
|
|
|
|
+ <view class="login-form clearfix">
|
|
|
|
+ <view class="login-input">
|
|
|
|
+ <input type="text"
|
|
|
|
+ v-model="bindLinkName"
|
|
|
|
+ maxlength="30"
|
|
|
|
+ class="input"
|
|
|
|
+ placeholder="请输入姓名"
|
|
|
|
+ />
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
- </view>
|
|
|
|
- <view class="login-form clearfix">
|
|
|
|
- <view class="login-input code">
|
|
|
|
- <input type="text"
|
|
|
|
- v-model="imageCode"
|
|
|
|
- maxlength="4"
|
|
|
|
- class="input"
|
|
|
|
- placeholder="请输入右侧图形验证码"
|
|
|
|
- />
|
|
|
|
|
|
+ <view class="login-form clearfix">
|
|
|
|
+ <view class="login-input">
|
|
|
|
+ <input type="number"
|
|
|
|
+ v-model="bindLinkPhone"
|
|
|
|
+ maxlength="11"
|
|
|
|
+ class="input"
|
|
|
|
+ placeholder="请输入手机号"
|
|
|
|
+ />
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
- <view class="login-input img-btn">
|
|
|
|
- <view class="vscodeimg">
|
|
|
|
- <image :src="imageCodeUrl" mode=""></image>
|
|
|
|
|
|
+ <view class="login-form clearfix">
|
|
|
|
+ <view class="login-input code">
|
|
|
|
+ <input type="text"
|
|
|
|
+ v-model="imageCode"
|
|
|
|
+ maxlength="4"
|
|
|
|
+ class="input"
|
|
|
|
+ placeholder="请输入右侧图形验证码"
|
|
|
|
+ />
|
|
</view>
|
|
</view>
|
|
- <view class="vscod-refresh" @click.stop="getVerificationCode">
|
|
|
|
- <text class="iconfont icon-shuaxin"></text>
|
|
|
|
- <text class="ref-text">刷新</text>
|
|
|
|
|
|
+ <view class="login-input img-btn">
|
|
|
|
+ <view class="vscodeimg">
|
|
|
|
+ <image :src="imageCodeUrl" mode=""></image>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="vscod-refresh" @click.stop="getVerificationCode">
|
|
|
|
+ <text class="iconfont icon-shuaxin"></text>
|
|
|
|
+ <text class="ref-text">刷新</text>
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- </view>
|
|
|
|
- <view class="login-form clearfix">
|
|
|
|
- <view class="login-input code">
|
|
|
|
- <input type="number"
|
|
|
|
- v-model="mobildeCode"
|
|
|
|
- maxlength="6"
|
|
|
|
- class="input"
|
|
|
|
- placeholder="请输入短信验证码"
|
|
|
|
- />
|
|
|
|
|
|
+ <view class="login-form clearfix">
|
|
|
|
+ <view class="login-input code">
|
|
|
|
+ <input type="number"
|
|
|
|
+ v-model="mobildeCode"
|
|
|
|
+ maxlength="6"
|
|
|
|
+ class="input"
|
|
|
|
+ placeholder="请输入短信验证码"
|
|
|
|
+ />
|
|
|
|
+ </view>
|
|
|
|
+ <view class="login-input btn" :class="[isMobileDisabled ? 'disabled' : '']" >
|
|
|
|
+ <button type="button"
|
|
|
|
+ @click.stop="getMobileCodeFn"
|
|
|
|
+ :disabled="isMobileDisabled"
|
|
|
|
+ class="input">
|
|
|
|
+ {{ mobileCodeText }}
|
|
|
|
+ </button>
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
- <view class="login-input btn" :class="[isMobileDisabled ? 'disabled' : '']" >
|
|
|
|
- <button type="button"
|
|
|
|
- @click.stop="getMobileCodeFn"
|
|
|
|
- :disabled="isMobileDisabled"
|
|
|
|
- class="input">
|
|
|
|
- {{ mobileCodeText }}
|
|
|
|
- </button>
|
|
|
|
|
|
+ <view class="login-form none clearfix">
|
|
|
|
+ <view class="login-btn" @click="bindWechatInfo">绑定并登录</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- <view class="login-form clearfix">
|
|
|
|
- <view class="login-btn" @click="bindWechatInfo">绑定并登录</view>
|
|
|
|
- </view>
|
|
|
|
</view>
|
|
</view>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
@@ -228,6 +230,7 @@
|
|
.login{
|
|
.login{
|
|
width: 100%;
|
|
width: 100%;
|
|
height: auto;
|
|
height: auto;
|
|
|
|
+ box-sizing: border-box;
|
|
border-top: 1px solid #F7F7F7;
|
|
border-top: 1px solid #F7F7F7;
|
|
.model-warp.none{
|
|
.model-warp.none{
|
|
display: none;
|
|
display: none;
|
|
@@ -236,7 +239,7 @@
|
|
display: block;
|
|
display: block;
|
|
}
|
|
}
|
|
.login-main{
|
|
.login-main{
|
|
- width: 702rpx;
|
|
|
|
|
|
+ width: 100%;
|
|
background: rgba(225, 86, 22, 0.1);
|
|
background: rgba(225, 86, 22, 0.1);
|
|
display: flex;
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-direction: column;
|
|
@@ -244,27 +247,35 @@
|
|
height: 68rpx;
|
|
height: 68rpx;
|
|
padding: 20rpx 24rpx;
|
|
padding: 20rpx 24rpx;
|
|
margin: 24rpx 0 118rpx 0;
|
|
margin: 24rpx 0 118rpx 0;
|
|
|
|
+ box-sizing: border-box;
|
|
.logo-text{
|
|
.logo-text{
|
|
font-size: 24rpx;
|
|
font-size: 24rpx;
|
|
line-height: 34rpx;
|
|
line-height: 34rpx;
|
|
color: $color-system;
|
|
color: $color-system;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+ .login-container{
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: auto;
|
|
|
|
+ padding: 0 24rpx;
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+ }
|
|
.login-form{
|
|
.login-form{
|
|
width: 100%;
|
|
width: 100%;
|
|
height: auto;
|
|
height: auto;
|
|
- padding: 0 30rpx;
|
|
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
|
|
+ border-bottom: 1px solid #E1E1E1;
|
|
|
|
+ &.none{
|
|
|
|
+ border-bottom: none;
|
|
|
|
+ }
|
|
.login-input{
|
|
.login-input{
|
|
width: 100%;
|
|
width: 100%;
|
|
- height: 40rpx;
|
|
|
|
- padding: 24rpx 0;
|
|
|
|
- margin-bottom: 20rpx;
|
|
|
|
|
|
+ height: 60rpx;
|
|
|
|
+ padding: 20rpx 0;
|
|
background: #FFFFFF;
|
|
background: #FFFFFF;
|
|
display: flex;
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
align-items: center;
|
|
- border-bottom: 1px solid #E1E1E1;
|
|
|
|
&.code{
|
|
&.code{
|
|
width: 370rpx;
|
|
width: 370rpx;
|
|
float: left;
|
|
float: left;
|
|
@@ -277,7 +288,7 @@
|
|
float: left;
|
|
float: left;
|
|
background: $btn-confirm;
|
|
background: $btn-confirm;
|
|
border-radius: 32rpx;
|
|
border-radius: 32rpx;
|
|
- margin-top: 10rpx;
|
|
|
|
|
|
+ margin-top: 15rpx;
|
|
.input{
|
|
.input{
|
|
width: 220rpx;
|
|
width: 220rpx;
|
|
height: 64rpx;
|
|
height: 64rpx;
|
|
@@ -303,7 +314,7 @@
|
|
background: #FFFFFF;
|
|
background: #FFFFFF;
|
|
display: block;
|
|
display: block;
|
|
border-bottom: none;
|
|
border-bottom: none;
|
|
- margin-top: 10rpx;
|
|
|
|
|
|
+ margin-top: 16rpx;
|
|
.vscodeimg{
|
|
.vscodeimg{
|
|
width: 160rpx;
|
|
width: 160rpx;
|
|
height: 64rpx;
|
|
height: 64rpx;
|