<view class="center">
  <!-- 点击头像区域，判断是否登录 -->
  <view class="logo" bindtap="goLogin" hover-class="{{!isLogin ? 'logo-hover' : ''}}">
    <!-- 显示用户头像（如果已登录并且有头像） -->
    <image class="logo-img" wx:if="{{isLogin && userInfo && userInfo.avatarUrl}}" src="{{ userInfo.avatarUrl }}" />
    <!-- 未登录或没有头像时，显示默认头像 -->
    <image class="logo-img" wx:if="{{!isLogin || !userInfo.avatarUrl}}" src="/assets/taddar/me.png" />
    
    <!-- 显示用户昵称，如果昵称存在，则显示昵称，若没有则显示用户名 -->
    <view class="logo-title">
      <text class="uer-name">
        Hi，{{ isLogin ? (userInfo.nickName || userInfo.username || '未登录') : '未登录' }}
      </text>
      <!-- 未登录时显示登录图标 -->
      <image class="go-login" wx:if="{{!isLogin}}" src="/assets/taddar/right (1).png" />
    </view>
  </view>

  <!-- 用户中心列表项 -->
  <view class="center-list">
    <!-- 编辑个人信息项 -->
    <view class="center-list-item" bindtap="EditProfile">
      <image class="list-icon" src="/assets/taddar/edit.png" />
      <text class="list-text">编辑个人信息</text>
      <image class="navigat-arrow" src="/assets/taddar/right.png" />
    </view>
  </view>

  <!-- 退出登录项 -->
  <view class="center-list">
    <view class="center-list-item border-bottom" bindtap="tuichu">
      <image class="list-icon" src="/assets/taddar/logout.png" />
      <text class="list-text">退出登录</text>
      <image class="navigat-arrow" src="/assets/taddar/right.png" />
    </view>
  </view>
</view>

<!-- 底部导航栏 -->
<nav-tabar selected="{{selected}}"></nav-tabar>
