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

<view class="page">

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

<!-- 注册卡片 -->
<view class="card">

  <view class="card-head">
    <text class="card-title">账号注册</text>
  </view>

  <!-- 表单 -->
  <view class="form">

    <!-- 昵称 -->
    <view class="field">
      <input
        class="field-input"
        placeholder="{{ placeholder }}"
        placeholder-class="ph"
        maxlength="18"
        bindinput="onInput" data-field="nickname" value="{{nickname}}"
      />
    </view>

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

    <!-- 验证码（输入 + 发送） -->
    <view class="field field-row">
      <input
        class="field-input flex-1"
        placeholder="请输入验证码"
        placeholder-class="ph"
        maxlength="6"
        bindinput="onInput" data-field="captcha" value="{{captcha}}"
      />
      <view
        bindtap="{{sending ? '' : 'sendSmsCode'}}"
        class="code-btn {{sending ? 'disabled' : ''}}"
      >
        <text class="code-btn-text">{{ sending ? count + 's后重发' : '发送验证码' }}
        </text>
      </view>
    </view>

    <!-- 邀请码 -->
    <view class="field">
      <input
        class="field-input"
        placeholder="请输入邀请码"
        placeholder-class="ph"
        maxlength="6"
        bindinput="onInput" data-field="inviteCode" value="{{inviteCode}}"
      />
    </view>

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

    <!-- 协议勾选 -->
    <view class="agreements">
      <checkbox-group bindchange="onCheckboxChange">
        <checkbox value="agree" checked="{{agree}}" color="#FF8D1A" />
      </checkbox-group>
      <view class="agreements-text">
        <text class="muted">我已阅读并同意</text>
        <text class="link" bind:tap="gotoAgreement">《用户协议》</text>
        <text class="muted">&</text>
        <text class="link" bind:tap="gotoPolicy">《隐私协议》</text>
      </view>
    </view>

    <!-- 注册按钮 -->
    <view class="btn-primary" bindtap="onRegister">
      <text class="btn-primary-text">注册</text>
    </view>
  </view>
</view>

<!-- 登录引导 -->
<view class="footer-tip">
  <text class="muted">已有账号？</text>
  <text class="link-strong" bindtap="gotoLogin">立即登录 →</text>
</view>

</view>