tab1.page.html 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. <ion-header>
  2. <ion-toolbar>
  3. <ion-buttons slot="start">
  4. <ion-button expand="full" (click)="goToNewPage()">
  5. <ion-icon name="person-circle" ></ion-icon>
  6. 登录
  7. </ion-button>
  8. <ion-button expand="full" (click)="goTocommunity()" style="margin-right: 50px;">
  9. <ion-icon name="home" ></ion-icon>
  10. 社区
  11. </ion-button>
  12. </ion-buttons>
  13. </ion-toolbar>
  14. </ion-header>
  15. <ion-card style="background-color: #68a0e4;">
  16. <ion-card-content>
  17. <ion-grid style="margin: left 500px ;">
  18. <ion-row justify-content-around>
  19. <ion-col>
  20. <ion-icon name="newspaper"></ion-icon>
  21. <p>资讯</p>
  22. </ion-col>
  23. <ion-col>
  24. <ion-icon name="briefcase"></ion-icon>
  25. <p>生涯</p>
  26. </ion-col>
  27. <ion-col>
  28. <ion-icon name="videocam"></ion-icon>
  29. <p>直播</p>
  30. </ion-col>
  31. <ion-col>
  32. <ion-icon name="podium"></ion-icon>
  33. <p>排行</p>
  34. </ion-col>
  35. <ion-col>
  36. <ion-icon name="book"></ion-icon>
  37. <p>百科</p>
  38. </ion-col>
  39. </ion-row>
  40. </ion-grid>
  41. </ion-card-content>
  42. </ion-card>
  43. <div class="sou">
  44. <ion-searchbar [(ngModel)]="searchQuery" (ionChange)="search()"></ion-searchbar>
  45.   <ion-list *ngIf="showResults">
  46.     <ion-item *ngFor="let result of filteredResults">
  47.       {{ result }}
  48.     </ion-item>
  49.   </ion-list>
  50. </div>
  51. <ion-content>
  52. <div class="text">
  53. 本周快讯:沙特杯联盟赛事总决赛T1 3:1 Tes,LPL再次被Faker大魔王击碎。
  54. </div>
  55. <img src="assets/img/b.png" style="width: max-content; height: auto;margin-left: 200px;" alt="">
  56. </ion-content>
  57. <ion-content style="color: #68a0e4;">
  58. <ion-card *ngFor="let report of reports">
  59. <ion-card-header>
  60. <ion-card-title>{{report.title}}</ion-card-title>
  61. </ion-card-header>
  62. <ion-card-content>
  63. {{report.content}}
  64. </ion-card-content>
  65. </ion-card>
  66. </ion-content>