<!--pages/login/login.wxml-->
<view class="page">

  <image src='/images/bg.png' class='back-img' mode="bottom aspectFill"></image>

  <view class='data_wrap'>
    <view style='margin-left:126rpx;margin-right:126rpx'>
      <view class='input-wrap'>
        <text class='text-area'>+86</text>
        <input class="text-area" style='margin-left:16rpx' bindinput="mobileInputEvent" name="mobile" type="number" placeholder='请输入手机号' placeholder-class='text-area'></input>
      </view>

      <view class="divide_line"></view>

      <view class='input-wrap' style='height:100rpx;right:0'>
        <input class="text-area float_left" bindinput="verifyInputEvent" name="verify_code"  placeholder='短信验证码' placeholder-class='text-area' style='width:320rpx'></input>
        <!-- <button class="code-btn float_right" bindtap="verifyCodeEvent" disabled="{{buttonDisable}}">{{verifyCodeTime}}</button> -->
        <view  class="code-bg float_right" bindtap="verifyCodeEvent" disabled="{{buttonDisable}}">
        {{verifyCodeTime}}
        </view>
      </view>
      <view class="divide_line"></view>
    </view>


    <view>
      <button class="btn" style='margin-top:60rpx' bindtap="login">登 录</button>
    </view>
  </view>



</view>