app-timetrace/src/app/tab1/tab1.page.html

<ion-content [fullscreen]="true">
 
  <ion-header>
    <ion-toolbar>
      <ion-segment value="all">
        <ion-segment-button routerLink="/tabs/tab1" value="attention">
          <ion-label>推荐</ion-label>
        </ion-segment-button>
        <ion-segment-button routerLink="/home/special" value="recommend">
          <ion-label>专题</ion-label>
        </ion-segment-button>
        <ion-segment-button routerLink="/home/attention" value="special">
          <ion-label>关注</ion-label>
        </ion-segment-button>
      </ion-segment>
    </ion-toolbar>
  </ion-header>





  <ion-card>
    <img alt="Silhouette of mountains" src="https://cdn.pixabay.com/photo/2023/01/23/17/28/tree-7739243_1280.jpg" />
    
    <ion-card-content>
      Here's a small text description for the card content. Nothing more, nothing less.
    </ion-card-content>
  </ion-card>

  <ion-card>
    <img alt="Silhouette of mountains" src="https://cdn.pixabay.com/photo/2023/01/23/17/28/tree-7739243_1280.jpg" />
    
    <ion-card-content>
      Here's a small text description for the card content. Nothing more, nothing less.
    </ion-card-content>
  </ion-card>

  <ion-card>
    <img alt="Silhouette of mountains" src="https://cdn.pixabay.com/photo/2023/01/23/17/28/tree-7739243_1280.jpg" />
    
    <ion-card-content>
      Here's a small text description for the card content. Nothing more, nothing less.
    </ion-card-content>
  </ion-card>

  <ion-card>
    <img alt="Silhouette of mountains" src="https://cdn.pixabay.com/photo/2023/01/23/17/28/tree-7739243_1280.jpg" />
    
    <ion-card-content>
      Here's a small text description for the card content. Nothing more, nothing less.
    </ion-card-content>
  </ion-card>

  <ion-card>
    <img alt="Silhouette of mountains" src="https://cdn.pixabay.com/photo/2023/01/23/17/28/tree-7739243_1280.jpg" />
    
    <ion-card-content>
      Here's a small text description for the card content. Nothing more, nothing less.
    </ion-card-content>
  </ion-card>

  <ion-card>
    <img alt="Silhouette of mountains" src="https://cdn.pixabay.com/photo/2023/01/23/17/28/tree-7739243_1280.jpg" />
    
    <ion-card-content>
      Here's a small text description for the card content. Nothing more, nothing less.
    </ion-card-content>
  </ion-card>

  <ion-card>
    <img alt="Silhouette of mountains" src="https://cdn.pixabay.com/photo/2023/01/23/17/28/tree-7739243_1280.jpg" />
    
    <ion-card-content>
      Here's a small text description for the card content. Nothing more, nothing less.
    </ion-card-content>
  </ion-card>

  <ion-card>
    <img alt="Silhouette of mountains" src="https://cdn.pixabay.com/photo/2023/01/23/17/28/tree-7739243_1280.jpg" />
    
    <ion-card-content>
      Here's a small text description for the card content. Nothing more, nothing less.
    </ion-card-content>
  </ion-card>

</ion-content>