cfc/miniprogram/pages/settings/settings.wxml

<!--pages/settings/settings.wxml-->
<view class="container">
  <!-- 用户信息 -->
  <view class="user-header">
    <view class="avatar">
      <image class="avatar-image" src="{{userInfo?.avatarUrl || '/images/default-avatar.svg'}}" mode="aspectFill"></image>
    </view>
    <view class="user-info">
      <text class="user-name">{{userInfo?.nickName || '用户'}}</text>
      <text class="user-role">{{role === 'parent' ? '家长' : '孩子'}}</text>
      <text class="user-family" wx:if="{{familyInfo}}">{{familyInfo.name}}</text>
    </view>
  </view>

  <!-- 家庭信息 -->
  <view class="section" wx:if="{{role === 'parent'}}">
    <view class="section-header">
      <text class="section-title">家庭管理</text>
    </view>
    <view class="section-content">
      <view class="menu-item" bindtap="onManageFamily">
        <text class="menu-icon">👨‍👩‍👧‍👦</text>
        <text class="menu-text">家庭设置</text>
        <text class="menu-arrow">></text>
      </view>
      <view class="menu-item" bindtap="onInviteMember">
        <text class="menu-icon">📧</text>
        <text class="menu-text">邀请成员</text>
        <text class="menu-arrow">></text>
      </view>
      <view class="menu-item">
        <text class="menu-icon">👥</text>
        <text class="menu-text">家庭成员</text>
        <text class="menu-value">{{familyInfo?.memberCount || 0}}人</text>
      </view>
    </view>
  </view>

  <!-- 孩子管理 -->
  <view class="section" wx:if="{{role === 'parent'}}">
    <view class="section-header">
      <text class="section-title">孩子管理</text>
    </view>
    <view class="section-content">
      <view class="child-selector">
        <picker mode="selector" range="{{children}}" range-key="name" bindchange="onChildChange">
          <view class="picker-value">当前孩子：{{currentChild?.name || '请选择'}}</view>
        </picker>
      </view>
      
      <view class="child-info" wx:if="{{currentChild}}">
        <view class="child-info-item">
          <text class="info-label">年龄</text>
          <text class="info-value">{{currentChild.age}}岁</text>
        </view>
        <view class="child-info-item">
          <text class="info-label">DAN等级</text>
          <text class="info-value">{{currentChild.danLevel}}</text>
        </view>
        <view class="child-info-item">
          <text class="info-label">积分</text>
          <text class="info-value points">{{currentChild.points}}</text>
        </view>
        <view class="child-info-item">
          <text class="info-label">扣分机制</text>
          <text class="info-value">{{currentChild.penaltyEnabled ? '已开启' : '已关闭'}}</text>
        </view>
      </view>
      
      <view class="menu-item" bindtap="onEditChild">
        <text class="menu-icon">✏️</text>
        <text class="menu-text">编辑孩子信息</text>
        <text class="menu-arrow">></text>
      </view>
      <view class="menu-item" bindtap="onDanAssessment">
        <text class="menu-icon">📊</text>
        <text class="menu-text">DAN测评</text>
        <text class="menu-arrow">></text>
      </view>
    </view>
  </view>

  <!-- 数据查看 -->
  <view class="section">
    <view class="section-header">
      <text class="section-title">数据查看</text>
    </view>
    <view class="section-content">
      <view class="menu-item" bindtap="onViewPointsLog">
        <text class="menu-icon">📈</text>
        <text class="menu-text">积分记录</text>
        <text class="menu-arrow">></text>
      </view>
      <view class="menu-item" bindtap="onViewAchievements">
        <text class="menu-icon">🏆</text>
        <text class="menu-text">成就徽章</text>
        <text class="menu-arrow">></text>
      </view>
    </view>
  </view>

  <!-- 应用设置 -->
  <view class="section">
    <view class="section-header">
      <text class="section-title">应用设置</text>
    </view>
    <view class="section-content">
      <view class="setting-item">
        <text class="setting-label">消息通知</text>
        <switch checked="{{settings.notification}}" bindchange="onNotificationChange" color="#FF6B6B"/>
      </view>
      <view class="setting-item">
        <text class="setting-label">声音提醒</text>
        <switch checked="{{settings.sound}}" bindchange="onSoundChange" color="#FF6B6B"/>
      </view>
      <view class="setting-item">
        <text class="setting-label">暗黑模式</text>
        <switch checked="{{settings.darkMode}}" bindchange="onDarkModeChange" color="#FF6B6B"/>
      </view>
      <view class="setting-item">
        <text class="setting-label">语言</text>
        <picker mode="selector" range="{{['简体中文', 'English']}}" value="{{settings.language === 'zh_CN' ? 0 : 1}}" bindchange="onLanguageChange">
          <view class="picker-value">{{settings.language === 'zh_CN' ? '简体中文' : 'English'}}</view>
        </picker>
      </view>
    </view>
  </view>

  <!-- 其他 -->
  <view class="section">
    <view class="section-header">
      <text class="section-title">其他</text>
    </view>
    <view class="section-content">
      <view class="menu-item" bindtap="onHelp">
        <text class="menu-icon">❓</text>
        <text class="menu-text">帮助中心</text>
        <text class="menu-arrow">></text>
      </view>
      <view class="menu-item" bindtap="onFeedback">
        <text class="menu-icon">💬</text>
        <text class="menu-text">反馈建议</text>
        <text class="menu-arrow">></text>
      </view>
      <view class="menu-item" bindtap="onAbout">
        <text class="menu-icon">ℹ️</text>
        <text class="menu-text">关于我们</text>
        <text class="menu-arrow">></text>
      </view>
      <view class="menu-item" bindtap="onClearCache">
        <text class="menu-icon">🗑️</text>
        <text class="menu-text">清除缓存</text>
        <text class="menu-arrow">></text>
      </view>
      <view class="menu-item" bindtap="onCheckUpdate">
        <text class="menu-icon">🔄</text>
        <text class="menu-text">检查更新</text>
        <text class="menu-value">V1.0.0</text>
      </view>
    </view>
  </view>

  <!-- 退出登录 -->
  <view class="logout-section">
    <button class="logout-btn" bindtap="onLogout">退出登录</button>
  </view>
</view>