README/tab1.page.html

<ion-header>
  <ion-toolbar>
      <ion-buttons slot="start">
        <ion-button expand="full" (click)="goToNewPage()">
          <ion-icon name="person-circle" ></ion-icon>
          登录
        </ion-button>
        <ion-button expand="full" (click)="goTocommunity()" style="margin-right: 50px;">
          <ion-icon name="home" ></ion-icon>
          社区
        </ion-button>
      </ion-buttons>
  </ion-toolbar>
</ion-header>

  <ion-card  style="background-color: #68a0e4;">
    <ion-card-content>
      <ion-grid style="margin: left 500px ;">
        <ion-row justify-content-around>
          <ion-col>
            <ion-icon name="newspaper"></ion-icon>
            <p>资讯</p>
          </ion-col>
          <ion-col>
            <ion-icon name="briefcase"></ion-icon>
            <p>生涯</p>
          </ion-col>
          <ion-col>
            <ion-icon name="videocam"></ion-icon>
            <p>直播</p>
          </ion-col>
          <ion-col>
            <ion-icon name="podium"></ion-icon>
            <p>排行</p>
          </ion-col>
          <ion-col>
            <ion-icon name="book"></ion-icon>
            <p>百科</p>
          </ion-col>
          
          
        
        </ion-row>
      </ion-grid>
    </ion-card-content>
  </ion-card>  

  <div class="sou">
    <ion-searchbar [(ngModel)]="searchQuery" (ionChange)="search()"></ion-searchbar>
     <ion-list *ngIf="showResults">
      <ion-item *ngFor="let result of filteredResults">
        {{ result }}
      </ion-item>
      </ion-list>
  </div>

  <ion-content>
    <div class="text">
      本周快讯：沙特杯联盟赛事总决赛T1 3：1 Tes，LPL再次被Faker大魔王击碎。
    </div>
    <img src="assets/img/b.png" style="width: max-content; height: auto;margin-left: 200px;"  alt="">
</ion-content>


<ion-content style="color: #68a0e4;">
  <ion-card *ngFor="let report of reports">
    <ion-card-header>
      <ion-card-title>{{report.title}}</ion-card-title>
    </ion-card-header>
    <ion-card-content>
      {{report.content}}
    </ion-card-content>
  </ion-card>
</ion-content>