|
@@ -1,17 +1,106 @@
|
|
|
-<ion-header [translucent]="true">
|
|
|
+<ion-header>
|
|
|
<ion-toolbar>
|
|
|
- <ion-title>
|
|
|
- 电影
|
|
|
- </ion-title>
|
|
|
+ <ion-title>电影</ion-title>
|
|
|
</ion-toolbar>
|
|
|
</ion-header>
|
|
|
|
|
|
-<ion-content [fullscreen]="true">
|
|
|
- <ion-header collapse="condense">
|
|
|
- <ion-toolbar>
|
|
|
- <ion-title size="large">电影</ion-title>
|
|
|
- </ion-toolbar>
|
|
|
- </ion-header>
|
|
|
+<ion-content>
|
|
|
+ <!-- 推荐电影 -->
|
|
|
+ <ion-card>
|
|
|
+ <ion-card-header>
|
|
|
+ 推荐电影
|
|
|
+ </ion-card-header>
|
|
|
+ <ion-card-content>
|
|
|
+ <ion-list>
|
|
|
+ <ion-item>
|
|
|
+ <ion-thumbnail slot="start">
|
|
|
+ <img src="assets/images/movie1.jpg">
|
|
|
+ </ion-thumbnail>
|
|
|
+ <ion-label>
|
|
|
+ <h2>电影名称</h2>
|
|
|
+ <p>类型</p>
|
|
|
+ <p>国家</p>
|
|
|
+ <p>年份</p>
|
|
|
+ </ion-label>
|
|
|
+ </ion-item>
|
|
|
+ <!-- 其他推荐电影 -->
|
|
|
+ <ion-item>
|
|
|
+ <ion-thumbnail slot="start">
|
|
|
+ <img src="assets/images/movie2.jpg">
|
|
|
+ </ion-thumbnail>
|
|
|
+ <ion-label>
|
|
|
+ <h2>另一个电影名称</h2>
|
|
|
+ <p>类型</p>
|
|
|
+ <p>国家</p>
|
|
|
+ <p>年份</p>
|
|
|
+ </ion-label>
|
|
|
+ </ion-item>
|
|
|
+ </ion-list>
|
|
|
+ </ion-card-content>
|
|
|
+ </ion-card>
|
|
|
|
|
|
- <app-explore-container name="Tab 2 page"></app-explore-container>
|
|
|
-</ion-content>
|
|
|
+ <!-- 影视分类 -->
|
|
|
+ <ion-card>
|
|
|
+ <ion-card-header>
|
|
|
+ 影视分类
|
|
|
+ </ion-card-header>
|
|
|
+ <ion-card-content>
|
|
|
+ <ion-list>
|
|
|
+ <ion-item>
|
|
|
+ 喜剧
|
|
|
+ </ion-item>
|
|
|
+ <ion-item>
|
|
|
+ 动作
|
|
|
+ </ion-item>
|
|
|
+ <ion-item>
|
|
|
+ 爱情
|
|
|
+ </ion-item>
|
|
|
+ </ion-list>
|
|
|
+ </ion-card-content>
|
|
|
+ </ion-card>
|
|
|
+
|
|
|
+ <!-- 热门电影 -->
|
|
|
+ <ion-card>
|
|
|
+ <ion-card-header>
|
|
|
+ 热门电影
|
|
|
+ </ion-card-header>
|
|
|
+ <ion-card-content>
|
|
|
+ 这里展示热门电影的内容,例如:
|
|
|
+ <ion-list>
|
|
|
+ <ion-item>
|
|
|
+ <ion-thumbnail slot="start">
|
|
|
+ <img src="assets/images/movie3.jpg">
|
|
|
+ </ion-thumbnail>
|
|
|
+ <ion-label>
|
|
|
+ <h2>热门电影名称</h2>
|
|
|
+ <p>类型</p>
|
|
|
+ <p>国家</p>
|
|
|
+ <p>年份</p>
|
|
|
+ </ion-label>
|
|
|
+ </ion-item>
|
|
|
+ <!-- 其他热门电影 -->
|
|
|
+ <ion-item>
|
|
|
+ <ion-thumbnail slot="start">
|
|
|
+ <img src="assets/images/movie4.jpg">
|
|
|
+ </ion-thumbnail>
|
|
|
+ <ion-label>
|
|
|
+ <h2>另一个热门电影名称</h2>
|
|
|
+ <p>类型</p>
|
|
|
+ <p>国家</p>
|
|
|
+ <p>年份</p>
|
|
|
+ </ion-label>
|
|
|
+ </ion-item>
|
|
|
+ </ion-list>
|
|
|
+ </ion-card-content>
|
|
|
+ </ion-card>
|
|
|
+
|
|
|
+ <!-- 主题分类电影推荐 -->
|
|
|
+ <ion-card>
|
|
|
+ <ion-card-header>
|
|
|
+ 主题分类电影推荐
|
|
|
+ </ion-card-header>
|
|
|
+ <ion-card-content>
|
|
|
+ 这里展示主题分类电影推荐的内容
|
|
|
+ </ion-card-content>
|
|
|
+ </ion-card>
|
|
|
+</ion-content>
|