<!-- 手机号登录页 -->

<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>