123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354 |
- <view class="container">
- <view class="top">
- <van-image width="340rpx" height="400rpx" src="/images/ic_login_bg.png" class="login-bg"/>
- <view class="back-icon" bind:tap="back" wx:if="{{isShowBack}}">
- <van-icon name="arrow-left" size="56rpx"/>
- </view>
- <view class="title-des">
- <view class="title">登录</view>
- <view class="des">欢迎再次回来~</view>
- </view>
- </view>
- <view class="content">
- <van-field
- type="number"
- custom-style="background: #F5F5F5;border-radius: 43rpx;margin-bottom:40rpx;"
- placeholder-style="font-size: 29rpx;color: #8A8B8E;"
- value="{{ formData.phone }}"
- clearable
- placeholder="请输入手机号"
- data-field="formData.phone"
- bind:change="onChange"
- border="{{ false }}"
- >
- <van-icon name="/images/ic_phone.png" size="45rpx" slot="left-icon" class="left-icon"/>
- </van-field>
- <van-field
- clearable
- type="number"
- custom-style="background: #F5F5F5;border-radius: 43rpx;margin-bottom:40rpx;"
- placeholder-style="font-size: 29rpx;color: #8A8B8E;"
- value="{{ formData.verify }}"
- data-field="formData.verify"
- placeholder="请输入验证码"
- bind:change="onChange"
- border="{{ false }}"
- >
- <van-icon name="/images/ic_code.png" size="45rpx" slot="left-icon" class="left-icon"/>
- <edu-code slot="button" phone="{{formData.phone}}"/>
- </van-field>
- <edu-button title="登录" bind:click="login"></edu-button>
- <view wx:if="{{showRegister}}" class="register-txt" bindtap="register">还没有账号,立即注册...</view>
- <van-divider contentPosition="center" custom-style="margin:100rpx 0 0!important;">
- <van-image width="110rpx" height="110rpx" fit="cover" src="/images/ic_wechat.png"
- bind:click="loginByWechat"/>
- </van-divider>
- <view class="wechat-txt">微信登录</view>
- </view>
- </view>
|