update tab3

smarteat-app/package-lock.json

@@ -29,7 +29,7 @@
         "zone.js": "~0.14.2"
       },
       "devDependencies": {
-        "@angular-devkit/build-angular": "^18.0.0",
+        "@angular-devkit/build-angular": "^18.2.12",
         "@angular-eslint/builder": "^18.0.0",
         "@angular-eslint/eslint-plugin": "^18.0.0",
         "@angular-eslint/eslint-plugin-template": "^18.0.0",

smarteat-app/package.json

@@ -34,7 +34,7 @@
     "zone.js": "~0.14.2"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^18.0.0",
+    "@angular-devkit/build-angular": "^18.2.12",
     "@angular-eslint/builder": "^18.0.0",
     "@angular-eslint/eslint-plugin": "^18.0.0",
     "@angular-eslint/eslint-plugin-template": "^18.0.0",

smarteat-app/src/app/tab3/tab3.page.html

@@ -12,15 +12,26 @@
       <img [src]="userData?.avatar || 'assets/img/user-avatar.jpg'" alt="User Avatar" />
     </ion-avatar>
     <ion-label>
-      <h2>{{ userData?.name || '游客' }}</h2>
+      <h2>{{ userData?.name}}</h2>
+      <p [hidden]="userData?.name">您没有访问权限，请登录。</p>
     </ion-label>
-    <ion-button (click)="goToEdit()" fill="clear" slot="end" color="primary">
-      编辑
-    </ion-button>
+    
+    <!-- 登录和注册按钮 -->
+    <div class="user-actions" slot="end">
+      <ion-button [hidden]="userData?.name" (click)="signup()" fill="outline" color="primary">
+        注册
+      </ion-button>
+      <ion-button [hidden]="userData?.name" (click)="login()" fill="outline" color="primary">
+        登录
+      </ion-button>
+      <ion-button [hidden]="!userData?.name" (click)="goToEdit()" fill="clear" color="primary">
+        编辑
+      </ion-button>
+    </div>
   </ion-item>
 
   <!-- 我的饮食计划 -->
-  <ion-card>
+  <ion-card [hidden]="!userData?.name">
     <ion-card-header>
       <ion-card-title>我的饮食计划</ion-card-title>
     </ion-card-header>
@@ -35,7 +46,7 @@
   </ion-card>
 
   <!-- 我的历史记录 -->
-  <ion-card>
+  <ion-card [hidden]="!userData?.name">
     <ion-card-header>
       <ion-card-title>历史记录</ion-card-title>
     </ion-card-header>
@@ -49,21 +60,20 @@
     </ion-card-content>
   </ion-card>
 
-  <ion-item button (click)="goToFavorites()">
+  <ion-item button [hidden]="!userData?.name" (click)="goToFavorites()">
     <ion-icon slot="start" name="heart-outline"></ion-icon>
     <ion-label>收藏</ion-label>
   </ion-item>
 
   <!-- 帮助与反馈按钮 -->
-  <ion-item button (click)="goToHelp()">
+  <ion-item button [hidden]="!userData?.name" (click)="goToHelp()">
     <ion-icon slot="start" name="help-circle-outline"></ion-icon>
     <ion-label>帮助与反馈</ion-label>
   </ion-item>
 
   <!-- 设置按钮 -->
-  <ion-item button (click)="goToSettings()">
+  <ion-item button [hidden]="!userData?.name" (click)="goToSettings()">
     <ion-icon slot="start" name="settings-outline"></ion-icon>
     <ion-label>设置</ion-label>
   </ion-item>
-</ion-content>
-
+</ion-content>

smarteat-app/src/app/tab3/tab3.page.ts

@@ -1,47 +1,3 @@
-// import { Component } from '@angular/core';
-// import { IonicModule, NavController } from '@ionic/angular';
-// import { ModalController } from '@ionic/angular/standalone';
-// import { PageEditComponent } from '../page-edit/page-edit.component';
-
-// @Component({
-//   selector: 'app-tab3',
-//   templateUrl: './tab3.page.html',
-//   styleUrls: ['./tab3.page.scss'],
-//   standalone: true,
-//   imports: [IonicModule ],
-// })
-// export class Tab3Page {
-//   constructor(private navCtrl: NavController,
-//     private modalCtrl: ModalController) {}
-
-//   async goToEdit() {
-//     // this.navCtrl.navigateForward('/tabs/edit');
-//     const modal = await this.modalCtrl.create({
-//       component: PageEditComponent,
-//     });
-//     modal.present();
-
-//     const { data, role } = await modal.onWillDismiss();
-
-//     if (role === 'confirm') {
-//       // this.message = `Hello, ${data}!`;
-//       return data;
-//     }
-//   }
-  
-//   goToFavorites() {
-//     this.navCtrl.navigateForward('/favorites');
-//   }
-
-//   goToHelp() {
-//     this.navCtrl.navigateForward('/help');
-//   }
-
-//   goToSettings() {
-//     this.navCtrl.navigateForward('/settings');
-//   }
-// }
-
 
 import { Component, OnInit } from '@angular/core';
 import { IonicModule, NavController } from '@ionic/angular';
@@ -59,7 +15,7 @@ export class Tab3Page implements OnInit {
 
   // 用户信息数据
   userData = {
-    name: '游客',  // 默认值，可以为空测试默认显示“游客”
+    name: '',  // 默认值，可以为空测试默认显示“游客”
     avatar: 'assets/img/user-avatar.jpg'  // 默认头像路径
   };
 
@@ -69,6 +25,17 @@ export class Tab3Page implements OnInit {
     // 在这里可以加载用户信息（如果从API或服务中获取）
   }
 
+  signup() {
+    // 注册逻辑
+    console.log('注册按钮被点击');
+  }
+
+  login() {
+    // 登录逻辑
+    console.log('登录按钮被点击');
+   
+  }
+
   async goToEdit() {
     // 打开编辑模态框
     const modal = await this.modalCtrl.create({