5zu-sbook/pages/profile/profile.wxml

<!--pages/profile/profile.wxml-->
<view class="container" style="{{pageHeight ? 'height: ' + pageHeight + 'rpx;' : ''}}">
  <!-- 用户信息 -->
  <view class="user-section">
    <view class="user-header">
      <image class="avatar" src="{{userInfo.avatarUrl || 'https://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRna42FI242Lcia07jQodd2FJGIYQfG0LAJGFxM4FbnQP6yfMxBgJ0F3YRqJCJ1aPAK2dQagdusBZg/0'}}" mode="aspectFill"></image>
      <view class="user-info">
        <view class="nickname-row">
          <text class="nickname">{{userInfo.nickname || userInfo.username || '用户'}}</text>
          <text class="vip-badge" wx:if="{{userInfo.memberLevel === 1}}">VIP</text>
        </view>
        <view class="username">用户名：{{userInfo.username}}</view>
      </view>
    </view>
  </view>

  <!-- 功能菜单 -->
  <view class="menu-section">
    <view class="menu-item" bindtap="goToBookshelf">
      <text class="menu-icon">📚</text>
      <text class="menu-text">我的书架</text>
      <text class="menu-arrow">></text>
    </view>
    <view class="menu-item" bindtap="goToHistory">
      <text class="menu-icon">📖</text>
      <text class="menu-text">阅读历史</text>
      <text class="menu-arrow">></text>
    </view>
    <view class="menu-item" bindtap="goToChat">
      <text class="menu-icon">💬</text>
      <text class="menu-text">老舅AI智能客服</text>
      <text class="menu-arrow">></text>
    </view>
    <view class="menu-item" bindtap="goToSettings">
      <text class="menu-icon">⚙️</text>
      <text class="menu-text">设置</text>
      <text class="menu-arrow">></text>
    </view>
  </view>

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