50 lines
1.4 KiB
Plaintext
50 lines
1.4 KiB
Plaintext
<!-- 手机号登录页 -->
|
|
|
|
<view class="phone-register-pos-box">
|
|
|
|
<!-- Logo盒子 -->
|
|
<view class="logo-box">
|
|
<view class="logo-img-box">
|
|
<image class="logo-img" src="{{logoImg}}" mode="heightFix" />
|
|
</view>
|
|
<view class="logo-title">阿尔文电商</view>
|
|
<view class="logo-text">一家有感情的电商模板</view>
|
|
</view>
|
|
|
|
|
|
<!-- 表单 -->
|
|
<view class="register-form">
|
|
<view class="register-form-box">
|
|
<!-- 手机号 -->
|
|
<t-input
|
|
value="{{phoneNumber}}"
|
|
placeholder="请输入手机号"
|
|
borderless="{{true}}"
|
|
style="border-radius: 100rpx; background-color: #f3f4f6;margin-bottom: 50rpx;height: 50rpx;"
|
|
tips="{{phoneError ? '手机号输入不正确' : ''}}"
|
|
bindchange="onPhoneInput"
|
|
/>
|
|
|
|
<!-- 验证码 -->
|
|
<t-input
|
|
placeholder="请输入验证码"
|
|
value="{{verifyCode}}"
|
|
borderless="{{true}}"
|
|
style="border-radius: 100rpx; background-color: #f3f4f6; height: 50rpx;"
|
|
>
|
|
<view slot="suffix" style="display: flex; align-items: center">
|
|
<view class="suffix--line"></view>
|
|
<van-button size="small" round type="info" bind:click="send">发送验证码</van-button>
|
|
</view>
|
|
</t-input>
|
|
|
|
<!-- 提交按钮 -->
|
|
<view class="submit-btn">
|
|
<van-button type="info" size="large" round block>登录/注册</van-button>
|
|
</view>
|
|
|
|
</view>
|
|
</view>
|
|
|
|
|
|
</view> |