news.component.html 490 B

1234567891011121314151617181920
  1. <ion-header>
  2. <ion-toolbar>
  3. <ion-title>新闻</ion-title>
  4. </ion-toolbar>
  5. </ion-header>
  6. <ion-content>
  7. <ion-list>
  8. <ion-item *ngFor="let news of newsList" class="news-item">
  9. <ion-thumbnail slot="start">
  10. <img [src]="news.image" />
  11. </ion-thumbnail>
  12. <ion-label>
  13. <h2>{{ news.title }}</h2>
  14. <p>{{ news.summary }}</p>
  15. <p class="date">{{ news.date | date:'shortDate' }}</p>
  16. </ion-label>
  17. </ion-item>
  18. </ion-list>
  19. </ion-content>