s202226701032/mcbridge-app/src/app/tab3/tab3.page.html

<ion-content>
  <div class="profile-container">
    <!-- 个人信息 -->
    <div class="user-info">
      <img src="https://cdn.wantuju.com/pngsucai/imgRegular/20210801/ea7d60e8-133f-40b9-9f12-4ad402c97c62%20_63338_wantuju.jpg" alt="用户头像" class="avatar" />
      <div class="user-details">
        <h2>昵称</h2>
        <p>基本信息：年龄、性别等</p>
      </div>
      <div class="auth-text">
        <span class="login">登录</span>/<span class="register">注册</span>
      </div>
    </div>

    <!-- 医疗服务 -->
      <ion-card-header>
        <ion-card-title>医疗服务</ion-card-title>
      </ion-card-header>
      <ion-card-content>
        <div class="button-row">
          <ion-button expand="full" routerLink="/tabs/inquiry">
            <img src="https://img.tukuppt.com/png_preview/00/06/02/Ci3mfMQItP.jpg!/fw/780" alt="报病查诊" class="button-icon"/>
          </ion-button>
          <ion-button expand="full" routerLink="/appointments">
            <img src="assets/appointments.png" alt="预约记录" class="button-icon" />
          </ion-button>
          <ion-button expand="full" routerLink="/discussions">
            <img src="assets/discussions.png" alt="讨论记录" class="button-icon" />
          </ion-button>
          <ion-button expand="full" routerLink="/doctors">
            <img src="assets/doctors.png" alt="关注的医生" class="button-icon" />
          </ion-button>
        </div>
      </ion-card-content>

    <!-- 医生关注 -->
      <ion-card-header>
        <ion-card-title>医生关注</ion-card-title>
      </ion-card-header>
      <ion-card-content>
        <ion-list>
          <ion-item>
            <ion-label>医生姓名 1</ion-label>
            <ion-icon slot="end" name="chevron-forward"></ion-icon>
          </ion-item>
          <ion-item>
            <ion-label>医生姓名 2</ion-label>
            <ion-icon slot="end" name="chevron-forward"></ion-icon>
          </ion-item>
        </ion-list>
      </ion-card-content>

    <!-- 常用服务 -->
      <ion-card-header>
        <ion-card-title>常用服务</ion-card-title>
      </ion-card-header>
      <ion-card-content>
        <ion-list>
          <ion-item button routerLink="/bills">
            <ion-label>我的账单</ion-label>
            <ion-icon slot="end" name="chevron-forward"></ion-icon>
          </ion-item>
          <ion-item button routerLink="/orders">
            <ion-label>商城订单</ion-label>
            <ion-icon slot="end" name="chevron-forward"></ion-icon>
          </ion-item>
          <ion-item button routerLink="/checkups">
            <ion-label>体检订单</ion-label>
            <ion-icon slot="end" name="chevron-forward"></ion-icon>
          </ion-item>
        </ion-list>
      </ion-card-content>
  </div>
</ion-content>