| 12345678910111213141516171819202122232425262728293031323334353637383940414243 |
- <ion-header>
- <ion-toolbar class="toolbar-bg-color">
- <img src="../../../assets/icon/logo-fm99.png" class="head-img">
- <ion-buttons slot="end">
- <ion-menu-button>
- <ion-icon src="../assets/icon/menu-svgrepo-com.svg" color="warning"></ion-icon>
- </ion-menu-button>
- </ion-buttons>
- </ion-toolbar>
- </ion-header>
- <ion-content>
- <ion-grid>
- <ion-row>
- <ion-col>
- <h2>รายการย้อนหลัง</h2>
- <hr>
- </ion-col>
- </ion-row>
- </ion-grid>
- <ion-grid>
- <ion-row>
- <ion-col class="ion-no-padding">
- <img src="../../../assets/img-static/banner-320x50.jpeg" alt="">
- </ion-col>
- </ion-row>
- </ion-grid>
- <ion-grid>
- <div *ngIf="ytdata">
- <ion-card *ngFor="let yt of ytdata['items']" class="list-card-margin">
- <img [src]="yt.snippet.thumbnails.high.url" [style.width]="'100%'" />
- <ion-card-header>
- <a [routerLink]="['' , ]">
- <ion-card-title class="title-txt-1" [innerHTML]="yt.snippet.title"></ion-card-title>
- </a>
- </ion-card-header>
- <ion-card-content text-justify [innerHTML]="yt.snippet.description" class="content-txt-1"></ion-card-content>
- </ion-card>
- </div>
- </ion-grid>
- <ion-grid>
- <img src="../../../assets/img-static/banner-320x100.jpeg" alt="">
- </ion-grid>
- </ion-content>
|