| 12345678910111213141516171819202122232425262728293031323334353637383940 |
- <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>
|
