tab4.page.ts 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. import { Component, OnInit } from '@angular/core';
  2. @Component({
  3. selector: 'app-tab4',
  4. templateUrl: './tab4.page.html',
  5. styleUrls: ['./tab4.page.scss'],
  6. })
  7. export class Tab4Page implements OnInit {
  8. user: any; // 存储用户数据
  9. isGuest: boolean = false; // 标识是否为游客登录
  10. constructor() {}
  11. ngOnInit() {
  12. // 检查是否为游客登录
  13. const guestFlag = localStorage.getItem('guest');
  14. this.isGuest = guestFlag === 'true'; // 如果是游客登录,设置标志
  15. if (this.isGuest) {
  16. console.log('当前为游客登录模式,不加载用户数据');
  17. // 为游客设置默认数据
  18. this.user = {
  19. avatar: '/assets/images/user.jpg', // 默认头像路径
  20. username: '游客', // 默认用户名
  21. id: '0000', // 默认ID
  22. };
  23. } else {
  24. // 加载用户数据
  25. const storedUserData = localStorage.getItem('user');
  26. if (storedUserData) {
  27. this.user = JSON.parse(storedUserData);
  28. console.log('成功加载用户数据:', this.user);
  29. } else {
  30. console.error('用户数据未找到,请确保已登录!');
  31. }
  32. }
  33. }
  34. onItemClick(item: any) {
  35. if (this.isGuest) {
  36. alert('游客登录无权访问此操作!');
  37. return;
  38. }
  39. console.log('Clicked item:', item);
  40. }
  41. }