workspace/soul-app/src/app/tab2/tab2.page.html

<ion-header>
  <ion-toolbar>
    <ion-title>心理陪聊服务</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <!-- 智能陪聊区 -->
  <section>
    <ion-card>
      <ion-card-header>
        <ion-card-title>智能陪聊</ion-card-title>
      </ion-card-header>
      <ion-card-content>
        <p>以下是一些专业性的的智能心理陪聊师：</p>
        <ion-list>
          <ion-item *ngFor="let consultant of consultants">
            <ion-avatar slot="start">
              <img [src]="consultant.avatar" alt="{{ consultant.name }}"/>
            </ion-avatar>
            <ion-label>
              <h2>{{ consultant.name }}</h2>
              <p>{{ consultant.fields.join(', ') }}</p>
            </ion-label>
            <ion-button slot="end" (click)="clickToConsult()">开始陪聊</ion-button>
          </ion-item>
        </ion-list>
      </ion-card-content>
    </ion-card>
  </section>

  <!-- 陪聊服务区 -->
  <section>
    <ion-card>
      <ion-card-header>
        <ion-card-title>普通聊天</ion-card-title>
      </ion-card-header>
      <ion-card-content>
        <p>在这里，我们的陪聊服务宗旨是为您提供情感支持和倾诉的机会，无论是生活上的开心，还是工作上的糟糕，你都可以跟我分享，这里是属于你一个人的空间，你可以大胆放心的使用。</p>
        <ion-button expand="full" (click)="goChat()">开始聊天</ion-button>
      </ion-card-content>
    </ion-card>
  </section>

  <!-- 普通心理问题的专业性建议区
  <section>
    <ion-card>
      <ion-card-header>
        <ion-card-title>专业建议</ion-card-title>
      </ion-card-header>
      <ion-card-content>
        <ion-list>
          <ion-item *ngFor="let question of questions" (click)="question.expanded = !question.expanded">
            <ion-label>
              <h2>{{ question.title }}</h2>
              <p *ngIf="question.expanded">{{ question.advice }}</p>
            </ion-label>
            <ion-icon name="chevron-down" slot="end" *ngIf="!question.expanded"></ion-icon>
            <ion-icon name="chevron-up" slot="end" *ngIf="question.expanded"></ion-icon>
          </ion-item>
        </ion-list>
      </ion-card-content>
    </ion-card>
  </section>-->
</ion-content>