fqsz/pages/settings/settings.wxml

<view class="settings-container {{theme.textColor === '#f5f5f5' ? 'dark-theme' : ''}}" style="{{containerStyle}}">
  <view class="section user-section">
    <view class="user-info" wx:if="{{userInfo}}">
      <image class="user-avatar" src="{{userInfo.avatarUrl}}"></image>
      <view class="user-name">{{userInfo.nickName}}</view>
      <button class="logout-btn">退出登录</button>
    </view>
    <view class="login-tip" wx:else>
      <button class="login-btn" open-type="getUserInfo" bindgetuserinfo="handleUserInfo">
        <text class="login-text">登录番茄时钟</text>
      </button>
    </view>
  </view>

  <view class="section">
    <view class="setting-item" bindtap="goToThemeSettings">
      <view class="item-title">主题设置</view>
      <view class="item-arrow">></view>
    </view>
  </view>

  <view class="section">
    <view class="setting-item" bindtap="goToNotificationSettings">
      <view class="item-title">通知设置</view>
      <view class="item-arrow">></view>
    </view>
  </view>

  <view class="section">
    <view class="setting-item" bindtap="goToAbout">
      <view class="item-title">关于我们</view>
      <view class="item-arrow">></view>
    </view>
  </view>
</view>