payProject/pages/phone/phone.wxml

<view class="content flex-column flex-align-center">
  <image src="/images/phone_0{{status+1}}.png"></image>
  <text style="margin-bottom: 56rpx;" wx:if="{{ status == 0 }}">已绑定手机{{phone}}</text>
  <text style="margin-bottom: 56rpx;" wx:if="{{ status == 1 }}">请输入新的手机号码</text>
  <text style="margin-bottom: 56rpx;" wx:if="{{ status == 2 }}">绑定成功</text>
  <block wx:if="{{ status < 2 }}">
    <input class="number border-radius" value="{{phoneVal}}" type="number" maxlength="11" placeholder="{{ status == 0 ? '请输入手机号' : '请输入新的手机号' }}" bindinput="onChangePhone" />
    <view class="code border-radius flex-align-center">
      <input value="{{codeVal}}" type="number" maxlength="6" class="flex1" placeholder="请输入验证码" bindinput="onChangeCode" />
      <text bindtap="getCode">{{ c1 || '发送验证码' }}</text>
    </view>
    <view class="btn border-radius flex-center" bindtap="onCheck">{{status == 0 ? '验证' : '确认'}}</view>
  </block>
</view>