cfc/miniprogram/pages/login/login.wxml

<!--pages/login/login.wxml-->
<view class="container">
  <view class="header">
    <image class="logo" src="/images/logo.png" mode="aspectFit"/>
    <text class="title">知行益家</text>
    <text class="subtitle">用心了解，科学培养</text>
  </view>

  <view class="role-select">
    <text class="role-title">请选择您的身份</text>
    <view class="role-options">
      <view class="role-item {{role === 'parent' ? 'active' : ''}}" data-role="parent" bindtap="onRoleSelect">
        <text class="role-icon">👨‍👩‍👧‍👦</text>
        <text class="role-name">家长</text>
        <text class="role-desc">管理任务、审批奖励</text>
      </view>
      <view class="role-item {{role === 'child' ? 'active' : ''}}" data-role="child" bindtap="onRoleSelect">
        <text class="role-icon">🧒</text>
        <text class="role-name">孩子</text>
        <text class="role-desc">完成任务、获取积分</text>
      </view>
    </view>
  </view>

  <button class="login-btn" bindtap="onWechatLogin" loading="{{loading}}">
    微信一键登录
  </button>

  <text class="agreement">
    登录即表示同意《用户服务协议》和《隐私政策》
  </text>
</view>