|
@@ -1,17 +1,30 @@
|
|
|
-<ion-header [translucent]="true">
|
|
|
+<ion-header>
|
|
|
<ion-toolbar>
|
|
|
- <ion-title>
|
|
|
- Tab 1
|
|
|
- </ion-title>
|
|
|
+ <ion-title>影视首页</ion-title>
|
|
|
</ion-toolbar>
|
|
|
</ion-header>
|
|
|
|
|
|
-<ion-content [fullscreen]="true">
|
|
|
- <ion-header collapse="condense">
|
|
|
- <ion-toolbar>
|
|
|
- <ion-title size="large">Tab 1</ion-title>
|
|
|
- </ion-toolbar>
|
|
|
- </ion-header>
|
|
|
+<ion-content>
|
|
|
+ <ion-searchbar placeholder="搜索"></ion-searchbar>
|
|
|
|
|
|
- <app-explore-container name="Tab 1 page"></app-explore-container>
|
|
|
-</ion-content>
|
|
|
+ <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>
|