wisdom-app/src/app/page/feedback-help/feedback-help.component.html

@@ -1,6 +1,6 @@
 <ion-header>
   <ion-toolbar>
-    <ion-button slot="start" (click)="backHome()" color="primary">back</ion-button>
+    <ion-button slot="start" size="small" (click)="backHome()" color="primary">back</ion-button>
     <ion-title>帮助</ion-title>
   </ion-toolbar>
 </ion-header>

wisdom-app/src/app/page/feedback-help/feedback-help.component.scss

@@ -12,6 +12,10 @@ ion-header {
 
 ion-toolbar {
   --background: transparent; /* 使工具栏背景透明 */
+  display: flex; /* 使用 Flexbox 布局 */
+    justify-content: center; /* 水平居中 */
+    align-items: center; /* 垂直居中 */
+    padding: 0; /* 去掉默认内边距 */
 }
 
 ion-title {

wisdom-app/src/app/page/feedback-help/feedback-help.component.ts

@@ -45,8 +45,18 @@ export class FeedbackHelpComponent  implements OnInit {
       detail: '确保用户信息仅用于医疗诊断目的，我方承诺不会将其泄露给第三方机构或个人。' },
     { title: '我不知道如何准确描述自己的症状，怎么办？', 
       detail: '您只需跟ai医生描述您不舒服的地方，医生会对此进行深入提问，您问答医生提出的问题就行了。' },
-    { title: '如何修改密码？', 
-      detail: '您可以通过点击我的主页“修改密码”链接来重置您的密码。' },
+    { title: '如何使用生成的个性化头像？', 
+      detail: '您可以复制头像生成后最下方生成的图片地址到编辑信息弹窗进行头像应用。' },
+    { title: '问题1', 
+      detail: '解决方案' },
+    { title: '问题2', 
+      detail: '解决方案' },
+    { title: '问题3', 
+      detail: '解决方案' },
+    { title: '问题4', 
+      detail: '解决方案' },
+    { title: '问题5', 
+      detail: '解决方案' },
   ];
 
   //打开解决方案

wisdom-app/src/app/page/guide/guide.component.html

@@ -0,0 +1,24 @@
+<ion-header>
+  <ion-toolbar>
+    <ion-button slot="start" size="small" (click)="backHome()" color="primary">back</ion-button>
+    <ion-title>项目指南</ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content>
+  <div class="banner">
+    <img src="https://app.fmode.cn/dev/jxnu/202226701019/logo.png" alt="项目海报" />
+  </div>
+
+  <div class="card-container">
+    <ion-card *ngFor="let feature of features" (click)="goToPage(feature)">
+      <ion-card-header>
+        <ion-card-title>{{ feature.title }}</ion-card-title>
+        <ion-card-subtitle>点击前往功能页面</ion-card-subtitle>
+      </ion-card-header>
+      <ion-card-content>
+        <p>{{ feature.description }}</p>
+      </ion-card-content>
+    </ion-card>
+  </div>
+</ion-content>

wisdom-app/src/app/page/guide/guide.component.scss

@@ -0,0 +1,46 @@
+ion-header {
+    background-color: #f8f9fa; /* 设置头部背景颜色 */
+    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* 添加阴影效果 */
+  }
+  
+ion-toolbar {
+--background: transparent; /* 使工具栏背景透明 */
+display: flex; /* 使用 Flexbox 布局 */
+    justify-content: center; /* 水平居中 */
+    align-items: center; /* 垂直居中 */
+    padding: 0; /* 去掉默认内边距 */
+}
+
+ion-title {
+    font-size: 1.5em; /* 设置标题字体大小 */
+    font-weight: bold; /* 加粗标题 */
+    color: #000000; /* 设置标题颜色 */
+  }
+
+.banner {
+    text-align: center;
+    margin: 10px 0;
+  
+    img {
+      width: 100%;
+      height: auto;
+      border-radius: 10px;
+    }
+  }
+  
+  .card-container {
+    display: flex;
+    flex-direction: column;
+    padding: 10px;
+  
+    ion-card {
+      margin: 10px 0;
+      border-radius: 10px;
+      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+      transition: transform 0.2s;
+  
+      &:hover {
+        transform: scale(1.02);
+      }
+    }
+  }

wisdom-app/src/app/page/guide/guide.component.spec.ts

@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+
+import { GuideComponent } from './guide.component';
+
+describe('GuideComponent', () => {
+  let component: GuideComponent;
+  let fixture: ComponentFixture<GuideComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      imports: [GuideComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(GuideComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  }));
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

wisdom-app/src/app/page/guide/guide.component.ts

@@ -0,0 +1,75 @@
+import { CommonModule } from '@angular/common';
+import { Component, OnInit } from '@angular/core';
+import { Router } from '@angular/router';
+import { IonButton, IonCard, IonCardContent, IonCardHeader, IonCardSubtitle, IonCardTitle, IonContent, IonHeader, IonTitle, IonToolbar, NavController } from '@ionic/angular/standalone';
+
+@Component({
+  selector: 'app-guide',
+  templateUrl: './guide.component.html',
+  styleUrls: ['./guide.component.scss'],
+  standalone: true,
+  imports:[
+    IonContent,
+    IonCard,
+    IonTitle,
+    IonToolbar,
+    IonHeader,
+    IonCardContent,
+    IonCardTitle,
+    IonCardHeader,
+    IonButton,
+    IonCardSubtitle,
+    CommonModule
+  ]
+})
+export class GuideComponent  implements OnInit {
+
+  constructor(
+    private router: Router,
+    private navCtrl: NavController
+  ) { }
+
+  ngOnInit() {}
+
+  features = [
+    {
+      title: '信息填写',
+      description: '登入系统后，填写您的信息方能给您更完美的问诊服务',
+      path:'tabs/tab4'
+    },
+    {
+      title: 'AI问诊',
+      description: '不同科室的ai医生能解决您日常生活绝大多数的不适病症，或者给您提供准确的建议',
+      path:'tabs/inquiry/ai'
+    },
+    {
+      title: '药品展示',
+      description: '我们会向您展示日常生活中常用的非处方药品，展示其的作用、价格和成分信息等，方便您去药店购买',
+      path:'tabs/tab3'
+    },
+    {
+      title: '创建AI',
+      description: '您可以通过需求描述创建一个更符合您意愿的ai医生，他的回复建议将更贴合您的需求，作为您的专属医生',
+      path:'tabs/create-agent'
+    },
+    {
+      title: '我的健康',
+      description: '借此您能浏览您所有的问诊记录，来回顾您的健康历程',
+      path:'tabs/my-health'
+    },
+    {
+      title: '健康热点',
+      description: '它为您找寻到了网上最受关注的健康知识并将其分类，以方便您的查看',
+      path:'tabs/tab2'
+    },
+    // 可以继续添加更多功能
+  ];
+
+  goToPage(feature:any){
+    this.router.navigate([feature.path])
+  }
+
+  backHome(){
+    this.router.navigate(['tabs/tab4'])
+  }
+}

wisdom-app/src/app/tab4/tab4.page.html

@@ -155,6 +155,10 @@
             <ion-icon name="cloud-circle" slot="start"></ion-icon>
             <ion-label (click)="goToWeatherTime()">天气与时间</ion-label>
           </ion-item>
+          <ion-item>
+            <ion-icon name="compass" slot="start"></ion-icon>
+            <ion-label (click)="goToGuide()">智养指南</ion-label>
+          </ion-item>
           <ion-item>
             <ion-icon name="chatbox" slot="start"></ion-icon>
             <ion-label>联系客服</ion-label>

wisdom-app/src/app/tab4/tab4.page.ts

@@ -76,6 +76,11 @@ export class Tab4Page {
     this.router.navigate(['/tabs/password'])
   }
 
+  //前往指南页面
+  goToGuide(){
+    this.router.navigate(['/tabs/guide'])
+  }
+
   //前往天气时间页面
   goToWeatherTime(){
     this.router.navigate(['/tabs/weather-time'])

wisdom-app/src/app/tabs/tabs.routes.ts

@@ -95,6 +95,13 @@ export const routes: Routes = [
             (m) => m.TimeWeatherComponent
           ),
       },
+      {
+        path: 'guide',
+        loadComponent: () =>
+          import('../page/guide/guide.component').then(
+            (m) => m.GuideComponent
+          ),
+      },
       {
         path: '',
         redirectTo: '/tabs/tab1',