<view class="mine-page">
  <!-- 用户信息区域 -->
  <view class="user-section">
    <view class="user-info">
      <button class="avatar-btn" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar">
        <image class="avatar" src="{{avatarUrl}}" />
      </button>
      
      <view class="user-details">
        <input class="nickname-input" 
               type="nickname" 
               placeholder="请输入昵称" 
               value="{{nickname}}" 
               bindinput="onNicknameInput" />
        <view class="user-id">ID: {{nickname.slice(-4)}}</view>
      </view>
      
      <view wx:if="{{!hasUserInfo}}" class="login-section">
        <button class="login-btn" bindtap="onGetUserProfile">
          完善资料
        </button>
      </view>
    </view>
  </view>

  <!-- 会员信息卡片 -->
  <view class="member-section">
    <view class="member-card" bindtap="viewMemberDetails">
      <view class="member-header">
        <view class="member-level">
          <text class="level-icon">{{memberLevel.icon}}</text>
          <text class="level-name">{{memberLevel.name}}</text>
        </view>
        <view class="member-arrow">></view>
      </view>
      
      <view class="member-stats">
        <view class="stat-item">
          <view class="stat-number">{{memberInfo.points}}</view>
          <view class="stat-label">积分</view>
        </view>
        <view class="stat-item">
          <view class="stat-number">¥{{memberInfo.totalSpent}}</view>
          <view class="stat-label">累计消费</view>
        </view>
      </view>
    </view>
  </view>
  
  <!-- 功能菜单 -->
  <view class="menu-section">
    <view class="section-title">我的服务</view>
    <view class="menu-grid">
      <view wx:for="{{menuItems}}" wx:key="id" 
            class="menu-item" 
            bindtap="onMenuItemTap" 
            data-id="{{item.id}}">
        <view class="menu-content">
          <view class="menu-title">{{item.title}}</view>
          <view class="menu-desc">{{item.desc}}</view>
        </view>
        <view class="menu-arrow">></view>
      </view>
    </view>
  </view>
  
  <!-- 客服与帮助 -->
  <view class="service-section">
    <view class="section-title">客服与帮助</view>
    <view class="service-grid">
      <view wx:for="{{serviceItems}}" wx:key="id" 
            class="service-item" 
            bindtap="onServiceItemTap" 
            data-id="{{item.id}}">
        <view class="service-content">
          <view class="service-title">{{item.title}}</view>
          <view class="service-desc">{{item.desc}}</view>
        </view>
        <view class="service-arrow">></view>
      </view>
    </view>
  </view>
  
  <!-- 版本信息 -->
  <view class="version-info">
    <text class="version-text">去看出行 v1.0.0</text>
  </view>
</view>