Staff.wxml 1.4 KB

123456789101112131415161718192021222324252627282930313233
  1. <view class="center">
  2. <!-- 处理点击事件和hover类 -->
  3. <view class="logo" bindtap="goLogin" hover-class="{{!isLogin ? 'logo-hover' : ''}}">
  4. <!-- 如果已登录并且有头像,则显示用户头像 -->
  5. <image class="logo-img" wx:if="{{isLogin && userInfo && userInfo.avatarUrl}}" src="{{ userInfo.avatarUrl }}" />
  6. <!-- 如果未登录或没有头像,则显示默认头像 -->
  7. <image class="logo-img" wx:if="{{!isLogin || !userInfo.avatarUrl}}" src="/assets/taddar/me.png" />
  8. <view class="logo-title">
  9. <!-- 显示昵称,如果已登录,则显示昵称 -->
  10. <text class="uer-name">Hi,{{ isLogin ? userInfo.nickName : '未登录' }}</text>
  11. <!-- 未登录时显示登录图标 -->
  12. <image class="go-login" wx:if="{{!isLogin}}" src="/assets/taddar/right (1).png" />
  13. </view>
  14. </view>
  15. <view class="center-list">
  16. <view class="center-list-item">
  17. <image class="list-icon" src="/assets/taddar/edit.png" />
  18. <text class="list-text">编辑个人信息</text>
  19. <image class="navigat-arrow" src="/assets/taddar/right.png" />
  20. </view>
  21. </view>
  22. <view class="center-list">
  23. <view class="center-list-item border-bottom">
  24. <image class="list-icon" src="/assets/taddar/logout.png" />
  25. <text class="list-text" bindtap="tuichu">退出登录</text>
  26. <image class="navigat-arrow" src="/assets/taddar/right.png" />
  27. </view>
  28. </view>
  29. </view>
  30. <custom-tab-bar></custom-tab-bar>