APPmy/src/app/tab4/tab4.page.html

<ion-header [translucent]="true">
  <ion-toolbar>
    <ion-title>我的</ion-title>
    <ion-buttons slot="end">
      <ion-button (click)="openFeedbackPage()">
        <ion-icon name="chatbubble-ellipses-outline"></ion-icon>
        <ion-label>反馈</ion-label>
      </ion-button>
      
      <ion-button (click)="openSettingsPage()">
        <ion-icon name="settings-outline"></ion-icon>
        <ion-label>设置</ion-label>
      </ion-button>
    </ion-buttons>
  </ion-toolbar>
</ion-header>


<ion-content>
    <ion-card-content>
      <ion-avatar style="margin-left:15px;margin-top:15px; transform:scale(1.5)">
        <img src="https://ionicframework.com/docs/img/demos/avatar.svg" alt="User Avatar">
      </ion-avatar>
      <ion-label style="margin-left:15px;margin-top:15px;font-size:20px">登录/注册</ion-label>
    </ion-card-content>
      
    

  <ion-card>
    <ion-card-content>
    <ion-segment scrollable>
    <ion-segment-button value="followings">
      <ion-icon name="people-outline"></ion-icon>
      关注的人
    </ion-segment-button>
    <ion-segment-button value="creators">
      <ion-icon name="brush-outline"></ion-icon>
      创作者中心
    </ion-segment-button>
    <ion-segment-button value="ai">
      <ion-icon name="color-wand-outline"></ion-icon>
      AI焕新家
    </ion-segment-button>
    <ion-segment-button value="diagnosis">
      <ion-icon name="map-outline"></ion-icon>
      户型诊断
    </ion-segment-button>
    <ion-segment-button value="circles">
      <ion-icon name="chatbubbles-outline"></ion-icon>
      我的圈子
    </ion-segment-button>
    <ion-segment-button value="my-followings">
      <ion-icon name="heart-outline"></ion-icon>
      我的关注
    </ion-segment-button>
    <ion-segment-button value="my-orders">
      <ion-icon name="receipt-outline"></ion-icon>
      我的订单
    </ion-segment-button>
    <ion-segment-button value="decor-assistant">
      <ion-icon name="hammer-outline"></ion-icon>
      装修助手
    </ion-segment-button>
    <ion-segment-button value="apply-verification">
      <ion-icon name="shield-checkmark-outline"></ion-icon>
      申请认证
    </ion-segment-button>
  </ion-segment>
    </ion-card-content>
  </ion-card>
  
  <ion-card>
    <ion-card-content style="justify-content: space-around">
      <p (click)="showContent('发布')">发布</p>
      <p (click)="showContent('收藏')">收藏</p>
      <p (click)="showContent('点赞')">点赞</p>
      <p (click)="showContent('浏览')">浏览</p>
    </ion-card-content>
  </ion-card>

  <div class="content-area">
    {{ selectedContent }}
  </div>
</ion-content>