<!-- pages/profile/profile.wxml - 我的页面 -->
<view class="page-container">
  <scroll-view class="scroll-content" scroll-y>
    <!-- 用户信息卡片 -->
    <view class="user-card">
      <view class="user-info">
        <image class="avatar" src="{{userInfo.avatar || '/images/avatar-default.png'}}" mode="aspectFill"></image>
        <view class="user-details">
          <text class="user-name">{{userInfo.name || 'AIOTAGRO'}}</text>
          <text class="user-phone">{{userInfo.phone || '15588823774'}}</text>
        </view>
      </view>
    </view>

    <!-- 功能菜单列表 -->
    <view class="menu-list">
      <view class="menu-item" wx:for="{{menuList}}" wx:key="id" bindtap="handleMenuClick" data-index="{{index}}">
        <view class="menu-left">
          <image class="menu-icon" src="{{item.icon}}" mode="aspectFit"></image>
          <text class="menu-title">{{item.title}}</text>
        </view>
        <image class="arrow-icon" src="/images/arrow-right.png" mode="aspectFit"></image>
      </view>
    </view>

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

    <!-- 底部留白 -->
    <view class="bottom-space"></view>
  </scroll-view>
</view>
