12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879 |
- <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>
|