qingcheng-xiaochengxu/pages/personCenter/resetPwd/resetPwd.wxml

<view class="page">

<!-- 表单卡片 -->
<view class="card section">
  <!-- 顶部手机号 -->
  <text class="phone font text">{{ phone }}</text>

  <!-- 验证码行：输入 + 发送 -->
  <view class="field field-row group">
    <input
      class="field-input flex-1 font"
      placeholder="请输入验证码"
      placeholder-class="ph"
      bindinput="onInput"
      data-field="verificationCode"
      value="{{ verificationCode }}"
      type="number"
      maxlength="6"
    />
    <text style="font-size: 22.5rpx;"
      class="code-btn font text_3 {{ sending ? 'disabled' : '' }}"
      bindtap="{{ sending ? '' : 'getVerificationCode' }}"
    >{{ sending ? count + 's后重发' : '发送验证码' }}
    </text>
  </view>

  <!-- 新密码 -->
  <view class="field">
    <input
      class="field-input font"
      placeholder="请输入新密码"
      placeholder-class="ph"
      bindinput="onInput"
      data-field="password"
      value="{{ password }}"
      password="true"
      maxlength="18"
    />
  </view>

  <view class="divider"></view>

  <!-- 再次输入新密码 -->
  <view class="field mt-16">
    <input
      class="field-input font"
      placeholder="请再次输入新密码"
      placeholder-class="ph"
      bindinput="onInput"
      data-field="currentPwd"
      value="{{ currentPwd }}"
      password="true"
      maxlength="18"
    />
  </view>

  <!-- 提交按钮 -->
  <view class="btn-primary text-wrapper mt-20" bindtap="resetPwd">
    <text class="btn-primary-text text_5">重置密码</text>
  </view>
</view>

</view>