tab1.page.html 692 B

123456789101112131415161718192021222324252627282930
  1. <ion-header>
  2. <ion-toolbar>
  3. <ion-title>影视首页</ion-title>
  4. </ion-toolbar>
  5. </ion-header>
  6. <ion-content>
  7. <ion-searchbar placeholder="搜索"></ion-searchbar>
  8. <ion-segment>
  9. <ion-segment-button value="recommend">
  10. 推荐
  11. </ion-segment-button>
  12. <ion-segment-button value="hot">
  13. 热门
  14. </ion-segment-button>
  15. </ion-segment>
  16. <ion-list>
  17. <ion-item *ngFor="let video of videos">
  18. <ion-thumbnail slot="start">
  19. <img [src]="video.posterUrl" alt="视频海报">
  20. </ion-thumbnail>
  21. <ion-label>
  22. <h2>{{ video.title }}</h2>
  23. <p>{{ video.description }}</p>
  24. </ion-label>
  25. </ion-item>
  26. </ion-list>
  27. </ion-content>