You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
132 lines
4.3 KiB
132 lines
4.3 KiB
2 years ago
|
<view class="m-fm">
|
||
|
|
<form class="fm">
|
||
|
|
<view class="title">
|
||
|
|
<text class="logo-title">{{pageTitle}}</text>
|
||
|
|
<!-- 工作端 -->
|
||
|
|
<text class="logo-subtitle">（新手体验区）</text>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="login-type">
|
||
|
|
<view bind:tap="changeLoginType"
|
||
|
|
data-name="wxcode"
|
||
|
|
class="{{loginType=='wxcode' ? 'z-on':''}}"
|
||
|
|
>直接进入网格</view>
|
||
|
|
|
||
|
|
<view bind:tap="changeLoginType"
|
||
|
|
data-name="password"
|
||
|
|
class="{{loginType=='password' ? 'z-on':''}}"
|
||
|
|
>账号密码登录</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<!-- 短信验证码登录 -->
|
||
|
|
<view style="margin-top:50rpx" wx:if="{{loginType=='sms'}}">
|
||
|
|
<view class="fm-item">
|
||
|
|
<view class="fm-item-ico">
|
||
|
|
<image class="logo"
|
||
|
|
mode="aspectFill"
|
||
|
|
src="/assets/images/login/user.png"></image>
|
||
|
|
</view>
|
||
|
|
<input placeholder="请输入手机号码"
|
||
|
|
class="input"
|
||
|
|
type="number"
|
||
|
|
data-fm="fmData"
|
||
|
|
data-name="phone"
|
||
|
|
bindinput="inputSync"
|
||
|
|
value="{{ fmData.phone }}"
|
||
|
|
cursor-spacing="12"
|
||
|
|
maxlength="200"
|
||
|
|
auto-focus></input>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="fm-item fm-item-2">
|
||
|
|
<view class="fm-item-ico">
|
||
|
|
<image class="logo"
|
||
|
|
mode="aspectFill"
|
||
|
|
src="/assets/images/login/code.png"></image>
|
||
|
|
</view>
|
||
|
|
<input placeholder="短信验证码"
|
||
|
|
class="input"
|
||
|
|
data-fm="fmData"
|
||
|
|
data-name="smsCode"
|
||
|
|
bindinput="inputSync"
|
||
|
|
value="{{ fmData.smsCode }}"
|
||
|
|
cursor-spacing="12"
|
||
|
|
maxlength="10"></input>
|
||
|
|
<view class="fm-item-btn" catchtap="getTelCode">
|
||
|
|
<text hidden="{{ codeData.status != 0 }}">点击获取</text>
|
||
|
|
<text hidden="{{ codeData.status != 1 }}">发送中……</text>
|
||
|
|
<text hidden="{{ !( codeData.cd <= 0 && codeData.status > 1) }}">再次发送</text>
|
||
|
|
<text hidden="{{ codeData.cd == 0 }}">{{ codeData.cd }}s后重发</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- 密码登录 -->
|
||
|
|
<view style="margin-top:50rpx" wx:if="{{loginType=='password'}}">
|
||
|
|
<view class="fm-item">
|
||
|
|
<view class="fm-item-ico">
|
||
|
|
<image class="logo"
|
||
|
|
mode="aspectFill"
|
||
|
|
src="/assets/images/login/user.png"></image>
|
||
|
|
</view>
|
||
|
|
<input placeholder="请输入手机号码"
|
||
|
|
class="input"
|
||
|
|
type="number"
|
||
|
|
data-fm="fmData"
|
||
|
|
data-name="phone"
|
||
|
|
bindinput="inputSync"
|
||
|
|
value="{{ fmData.phone }}"
|
||
|
|
cursor-spacing="12"
|
||
|
|
maxlength="200"
|
||
|
|
auto-focus></input>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="fm-item fm-item-2">
|
||
|
|
<view class="fm-item-ico">
|
||
|
|
<image class="logo"
|
||
|
|
mode="aspectFill"
|
||
|
|
src="/assets/images/login/code.png"></image>
|
||
|
|
</view>
|
||
|
|
<input placeholder="请输入密码"
|
||
|
|
password='{{isShowPassword}}'
|
||
|
|
class="input"
|
||
|
|
data-fm="fmData"
|
||
|
|
data-name="password"
|
||
|
|
bindinput="inputSync"
|
||
|
|
value="{{ fmData.password }}"
|
||
|
|
cursor-spacing="12"
|
||
|
|
></input>
|
||
|
|
|
||
|
|
<view class="fm-item-showpassword"
|
||
|
|
bind:tap="showPossword"
|
||
|
|
>
|
||
|
|
<image class="logo"
|
||
|
|
wx:if="{{isShowPassword}}"
|
||
|
|
mode="aspectFill"
|
||
|
|
src="/assets/images/login/hiddenpassword.png"></image>
|
||
|
|
<image class="logo"
|
||
|
|
wx:if="{{!isShowPassword}}"
|
||
|
|
mode="aspectFill"
|
||
|
|
src="/assets/images/login/showPassword.png"></image>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view style="margin-top:150rpx" wx:if="{{loginType=='wxcode'}}">
|
||
|
|
<view bind:tap="submit" class="u-btn">
|
||
|
|
<text>获取定位进入网格</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view wx:if="{{loginType=='password'}}">
|
||
|
|
<view bind:tap="submit" class="u-btn">
|
||
|
|
<text wx:if="{{ loginStatus==0 }}">登 录</text>
|
||
|
|
<text wx:if="{{ loginStatus==1 }}">登录中……</text>
|
||
|
|
<text wx:if="{{ loginStatus==2 }}">登录成功</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</form>
|
||
|
|
</view>
|