CampusBookConnect/src/app/tab3/tab3.page.html

<!-- <ion-header [translucent]="true">
  <ion-toolbar>
    <ion-title>
      Tab 3
    </ion-title>
  </ion-toolbar>
</ion-header>

<ion-content [fullscreen]="true">
  <ion-header collapse="condense">
    <ion-toolbar>
      <ion-title size="large">Tab 3</ion-title>
    </ion-toolbar>
  </ion-header>

  <app-explore-container name="Tab 3 page"></app-explore-container>
</ion-content> -->
<ion-header>
  <ion-toolbar>
    <ion-title>个人信息</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <!-- 用户信息部分 -->
  <ion-card>
    <ion-card-content>
      <ion-item lines="none">
        <div class="touxiang">
          <ion-avatar slot="start">
            <img src="assets/touxiang.png">
          </ion-avatar>
        </div>
        <ion-label>
          <h2>用户名</h2>
          <p>手机号</p>
        </ion-label>
      </ion-item>
    </ion-card-content>
  </ion-card>

  <!-- 我的地址部分 -->
  <!-- <ion-card>
    <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-item>
        <ion-item>
          <ion-label>地址2</ion-label>
        </ion-item>
      </ion-list>
    </ion-card-content>
  </ion-card> -->
  <ion-card>
    
    <ion-card-content>
      <ion-list lines="none">
        <ion-item>
          <ion-icon name="book-outline" slot="start"></ion-icon>
          <ion-label>我的借阅</ion-label>
          <ion-icon name="chevron-forward-outline" slot="end"></ion-icon>
        </ion-item>
        <ion-item>
          <ion-icon name="chatbox-ellipses-outline" slot="start"></ion-icon>
          <ion-label>我的请求</ion-label>
          <ion-icon name="chevron-forward-outline" slot="end"></ion-icon>
        </ion-item>
        <ion-item>
          <ion-icon name="list" slot="start"></ion-icon>
          <ion-label>我的书单</ion-label>
          <ion-icon name="chevron-forward-outline" slot="end"></ion-icon>
        </ion-item>
        <ion-item>
          <ion-icon name="document-text-outline" slot="start"></ion-icon>
          <ion-label>我的积分</ion-label>
          <ion-icon name="chevron-forward-outline" slot="end"></ion-icon>
        </ion-item>
        <ion-item>
          <ion-icon name="location-outline" slot="start"></ion-icon>
          <ion-label>我的地址</ion-label>
          <ion-icon name="chevron-forward-outline" slot="end"></ion-icon>
        </ion-item>
        <ion-item>
          <ion-icon name="id-card-outline" slot="start"></ion-icon>
          <ion-label>我的电子证</ion-label>
          <ion-icon name="chevron-forward-outline" slot="end"></ion-icon>
        </ion-item>
        <ion-item>
          <ion-icon name="thumbs-up-outline" slot="start"></ion-icon>
          <ion-label>资源荐购</ion-label>
          <ion-icon name="chevron-forward-outline" slot="end"></ion-icon>
        </ion-item>
        <ion-item>
          <ion-icon name="add-outline" slot="start"></ion-icon>
          <ion-label>资源捐赠</ion-label>
          <ion-icon name="chevron-forward-outline" slot="end"></ion-icon>
        </ion-item>
      </ion-list>
    </ion-card-content>
  </ion-card>
</ion-content>