workspace/soul-app/src/app/tab2

Tab2 页面结构

1. 智能匹配区

组件: 智能陪聊

• 元素:
  • 匹配说明文本
  • 匹配类型选择（下拉菜单或单选按钮）
  • 匹配按钮
  • 匹配结果展示区域

• 示例内容:

  • 说明文本: “根据您的需求，智能匹配合适的心理咨询师。”
  • 按钮: “开始匹配”

  • 匹配结果: “为您推荐的心理咨询师是：张医生，擅长焦虑和抑郁。”

    2. 普通聊天区

    组件: 陪聊服务

• 元素:

  • 服务介绍文本
  • 开始陪聊按钮
  • 陪聊服务流程说明

• 示例内容:

  • 介绍文本: “我们的陪聊服务旨在为您提供情感支持和倾诉的机会。”
  • 按钮: “开始陪聊”

  • 流程说明:

    • 步骤一: “选择陪聊时间”
    • 步骤二: “与陪聊师匹配”

    • 步骤三: “开始聊天”

      3. 普通心理问题的专业性建议区

      组件: 心理问题建议

• 元素:

  • 问题列表（可展开）
  • 建议内容展示

• 示例内容:

  • 问题一: “如何应对焦虑？”
    • 建议: “尝试深呼吸和正念冥想，保持规律的作息。”
  • 问题二: “如何提高自信心？”
    • 建议: “设定小目标并逐步实现，进行积极自我对话。”

  • 问题三: “如何改善人际关系？”

    • 建议: “多与他人沟通，倾听对方的感受。”

      请您作为一名专业的Ionic前端工程师，帮我运用ionic v7 或v8及以上的angular版本standalone模式编写，选择合适的ionic组件来重构以上产品页面的各个区域和内容，如果涉及到图形效果请用ion-icon。并给出整个页面的tab2.page.html代码还有tab2.page.ts代码

      Tab2 页面数据库建表