wechat-pilelog/pages/bindPhone/bindPhone.wxml

<view class='main'>
  <image class='main_image' src='/images/login.png'></image>
  <view class='context'>
    <view class='context_input'>
      <view class='input_view'>
        <image class='phone_img' src='/images/phone.png'></image><div class="line"></div>
        <input placeholder='请输手机号' maxlength='11' bindinput='inputPhone' type='number' placeholder-class='placeholder'></input>
      </view>  

      <view class='input_view'>
        <image class='phone_img' src='/images/vcode.png'></image><div class="line"></div>
        <input placeholder='请输入验证码' bindinput='inputVerificatrCode' type='number' placeholder-class='placeholder'></input>
        <view bindtap='{{vcodeFlag?"getVerificateCode":""}}' class='varification_button {{vcodeFlag?"getCode":"getCode_disable"}}'>{{vcode_button_text}}</view>
      </view>  
    </view>
     <view class="errorMsg"><text>{{errorMsg}}</text></view>
    
    <button class='{{checkCode?"confirm_button":"confirm_button_disable"}}' bindtap="{{checkCode?'bindPhone':''}}">
      确认
    </button>

  </view>
</view>