Nav apraksta

youtube.page.html 1.3KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. <ion-header>
  2. <ion-toolbar class="toolbar-bg-color">
  3. <img src="../../../assets/icon/logo-fm99.png" class="head-img">
  4. <ion-buttons slot="end">
  5. <ion-menu-button>
  6. <ion-icon src="../assets/icon/menu-svgrepo-com.svg" color="warning"></ion-icon>
  7. </ion-menu-button>
  8. </ion-buttons>
  9. </ion-toolbar>
  10. </ion-header>
  11. <ion-content>
  12. <ion-grid>
  13. <ion-row>
  14. <ion-col>
  15. <h2>รายการย้อนหลัง</h2>
  16. <hr>
  17. </ion-col>
  18. </ion-row>
  19. </ion-grid>
  20. <ion-grid>
  21. <ion-row>
  22. <ion-col class="ion-no-padding">
  23. <img src="../../../assets/img-static/banner-320x50.jpeg" alt="">
  24. </ion-col>
  25. </ion-row>
  26. </ion-grid>
  27. <ion-grid>
  28. <div *ngIf="ytdata">
  29. <ion-card *ngFor="let yt of ytdata['items']" class="list-card-margin">
  30. <img [src]="yt.snippet.thumbnails.high.url" [style.width]="'100%'" />
  31. <ion-card-header>
  32. <a [routerLink]="['' , ]">
  33. <ion-card-title class="title-txt-1" [innerHTML]="yt.snippet.title"></ion-card-title>
  34. </a>
  35. </ion-card-header>
  36. <ion-card-content text-justify [innerHTML]="yt.snippet.description" class="content-txt-1"></ion-card-content>
  37. </ion-card>
  38. </div>
  39. </ion-grid>
  40. <ion-grid>
  41. <img src="../../../assets/img-static/banner-320x100.jpeg" alt="">
  42. </ion-grid>
  43. </ion-content>