123456789101112131415161718192021222324252627282930 |
- <ion-header>
- <ion-toolbar>
- <ion-title>影视首页</ion-title>
- </ion-toolbar>
- </ion-header>
- <ion-content>
- <ion-searchbar placeholder="搜索"></ion-searchbar>
- <ion-segment>
- <ion-segment-button value="recommend">
- 推荐
- </ion-segment-button>
- <ion-segment-button value="hot">
- 热门
- </ion-segment-button>
- </ion-segment>
-
- <ion-list>
- <ion-item *ngFor="let video of videos">
- <ion-thumbnail slot="start">
- <img [src]="video.posterUrl" alt="视频海报">
- </ion-thumbnail>
- <ion-label>
- <h2>{{ video.title }}</h2>
- <p>{{ video.description }}</p>
- </ion-label>
- </ion-item>
- </ion-list>
- </ion-content>
|