miniprogramme/pages/settingss/settingss.wxml

<!-- pages/settingss/settingss.wxml -->
<view class="settings-container">
    <!-- 顶部导航栏 - 使用动态高度 -->
    <view class="navbar" style="height: {{navbarHeight}}px; padding-top: {{statusBarHeight}}px;">
        <view class="back-btn" bindtap="navigateBack" style="height: {{menuButtonInfo.height}}px; line-height: {{menuButtonInfo.height}}px;">
            <text class="icon">↩</text>
        </view>
        <view class="title" style="line-height: {{menuButtonInfo.height}}px;">设置</view>
        <view class="back-btn" style="line-height: {{menuButtonInfo.height}}px;"></view>
    </view>
  
  <!-- 页面内容 -->
  <scroll-view class="settings-content" 
               scroll-y 
               style="padding-top: {{statusBarHeight + menuButtonInfo.height + 30}}px; height: calc(100vh - {{statusBarHeight + menuButtonInfo.height + 30}}px);">
    <!-- 账户与安全卡片 -->
    <view class="menu-group">
      <view class="group-header">
        <view class="group-icon"></view>
        <text class="group-title">账户与安全</text>
      </view>
      
      <view class="menu-item" bindtap="openAccountSecurity">
        <view class="menu-icon security">🛡️</view>
        <view class="menu-content">
          <text class="menu-title">账号与安全</text>
          <text class="menu-subtitle">手机号、邮箱管理</text>
        </view>
        <view class="menu-status">
          <text class="status-text safe">安全</text>
        </view>
        <view class="menu-arrow">›</view>
      </view>
      
      <view class="menu-item" bindtap="openPrivacySettings">
        <view class="menu-icon privacy">👁️</view>
        <view class="menu-content">
          <text class="menu-title">隐私设置</text>
          <text class="menu-subtitle">朋友权限、位置服务</text>
        </view>
        <view class="menu-arrow">›</view>
      </view>
    </view>

    <!-- 个性化设置卡片 -->
    <view class="menu-group">
      <view class="group-header">
        <view class="group-icon"></view>
        <text class="group-title">个性化</text>
      </view>
      
      <view class="menu-item" bindtap="openThemeSettings">
        <view class="menu-icon theme">🌙</view>
        <view class="menu-content">
          <text class="menu-title">主题设置</text>
          <text class="menu-subtitle">深色模式、主题颜色</text>
        </view>
        <view class="menu-status">
          <text class="status-text">{{currentTheme || '浅色'}}</text>
        </view>
        <view class="menu-arrow">›</view>
      </view>
      
      <view class="menu-item" bindtap="openNotificationSettings">
        <view class="menu-icon notification">🔔</view>
        <view class="menu-content">
          <text class="menu-title">消息通知</text>
          <text class="menu-subtitle">声音、震动、勿扰模式</text>
        </view>
        <view class="menu-status">
          <text class="status-text">{{notificationStatus || '已开启'}}</text>
        </view>
        <view class="menu-arrow">›</view>
      </view>
      
      <view class="menu-item" bindtap="openLanguageSettings">
        <view class="menu-icon language">🌐</view>
        <view class="menu-content">
          <text class="menu-title">语言设置</text>
          <text class="menu-subtitle">界面语言</text>
        </view>
        <view class="menu-status">
          <text class="status-text">{{currentLanguage || '中文'}}</text>
        </view>
        <view class="menu-arrow">›</view>
      </view>
      
      <view class="menu-item" bindtap="openChatSettings">
        <view class="menu-icon chat">💬</view>
        <view class="menu-content">
          <text class="menu-title">聊天设置</text>
          <text class="menu-subtitle">聊天背景、字体大小</text>
        </view>
        <view class="menu-arrow">›</view>
      </view>
    </view>

    <!-- 帮助与反馈卡片 -->
    <view class="menu-group">
      <view class="group-header">
        <view class="group-icon"></view>
        <text class="group-title">帮助与反馈</text>
      </view>
      
      <view class="menu-item" bindtap="openFeedback">
        <view class="menu-icon feedback">💬</view>
        <view class="menu-content">
          <text class="menu-title">意见反馈</text>
          <text class="menu-subtitle">提交故障、建议，及联系客服</text>
        </view>
        <view class="menu-arrow">›</view>
      </view>
      
      <view class="menu-item" bindtap="openAbout">
        <view class="menu-icon about">ℹ️</view>
        <view class="menu-content">
          <text class="menu-title">关于我们</text>
          <text class="menu-subtitle">版本信息、使用条款</text>
        </view>
        <view class="menu-arrow">›</view>
      </view>
    </view>

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

    <!-- 底部安全区域 -->
    <view class="bottom-space"></view>
  </scroll-view>


</view>