qingcheng-xiaochengxu/pages/loginModule/forgetPwd/forgetPwd.wxml

<view class="page">

<!-- 顶部 Logo 与标题 -->
<image class="logo" src="/static/logo.jpg" mode="aspectFit" />
<text class="page-title">欢迎登录 — 丁香校园</text>

<!-- 重置密码卡片 -->
<view class="card">
  <text class="card-title">忘记密码</text>

  <view class="form">

    <!-- 手机号 -->
    <view class="field">
      <input
        class="field-input"
        placeholder="请输入手机号"
        placeholder-class="ph"
        maxlength="11"
        type="number"
        model:value="{{phone}}"
        bindinput="onPhoneInput"
      />
    </view>

    <!-- 验证码 + 发送 -->
    <view class="field field-row">
      <input
        class="field-input flex-1"
        placeholder="请输入验证码"
        placeholder-class="ph"
        maxlength="6"
        type="number"
        model:value="{{code}}"
        bindinput="onCodeInput"
      />
      <text
        class="code-btn {{ countdown>0 ? 'disabled' : '' }}"
        bindtap="{{ countdown>0 ? '' : 'getSmsCode' }}"
      >{{ codeButtonText }}
      </text>
    </view>

    <!-- 新密码 -->
    <view class="field">
      <input
        class="field-input"
        placeholder="请输入密码"
        placeholder-class="ph"
        password="true"
        model:value="{{newPwd}}"
        bindinput="onNewPwdInput"
      />
    </view>

    <!-- 确认密码 -->
    <view class="field field-last">
      <input
        class="field-input"
        placeholder="请再次输入密码"
        placeholder-class="ph"
        password="true"
        model:value="{{confirmPwd}}"
        bindinput="onConfirmPwdInput"
      />
    </view>

    <!-- 登录账号 -->
    <text class="link-right" bindtap="gotoLogin">登录账号</text>

    <!-- 重置密码 按钮 -->
    <view class="btn-primary reset-button" bindtap="resetPassword">
      <text class="btn-primary-text">重置密码</text>
    </view>
  </view>
</view>
</view>