APPmy/src/app/tab3/tab3.page.html

<ion-header [translucent]="true">
  <ion-toolbar color="primary">
    <ion-title>
      消息
    </ion-title>
      <ion-button slot="end"  (click)="openSettingsPage()">
        <ion-icon name="settings-outline"></ion-icon>
      </ion-button>
  </ion-toolbar>
</ion-header>

<ion-content>
  <ion-searchbar placeholder="输入关键字搜索"></ion-searchbar>
  <ion-toolbar>
   <ion-segment value="explore">
    <ion-segment-button value="explore">
      <ion-icon (click)="navigateToPage('comment-reply')" name="chatbubble-ellipses"></ion-icon>
      评论和回复
    </ion-segment-button>
    <ion-segment-button value="video">
      <ion-icon  name="thumbs-up"></ion-icon>
      赞与收藏
    </ion-segment-button>
    <ion-segment-button value="search">
      <ion-icon (click)="navigateToPage('follow')" name="person-add"></ion-icon>
      新增关注
    </ion-segment-button>
    <ion-segment-button value="system">
      <ion-icon (click)="navigateToPage('system-message')" name="notifications"></ion-icon>
      系统消息
    </ion-segment-button>
   </ion-segment>
  </ion-toolbar>
  <ion-card>
    <ion-card-header>
      <ion-card-title>最新推荐</ion-card-title>
    </ion-card-header>
    <ion-card-content>
      <ion-avatar slot="start">
        <ion-img src="Assets/avatar.jpg"></ion-img>
      </ion-avatar>
      <ion-label>用户名</ion-label>
      <ion-label>标签</ion-label>
      <ion-label>聊天内容</ion-label>
      <ion-button expand="block">免费提问</ion-button>
    </ion-card-content>
  </ion-card>
</ion-content>