|
@@ -5,6 +5,55 @@
|
|
</ion-header>
|
|
</ion-header>
|
|
|
|
|
|
<ion-content>
|
|
<ion-content>
|
|
|
|
+ <!-- 电影顶部背景图及介绍 -->
|
|
|
|
+
|
|
|
|
+ <ion-card class="movie-banner" (click)="goToBlankPage()">
|
|
|
|
+ <img src="assets/images/movie/movieBanner.jpg" alt="Movie Banner">
|
|
|
|
+ <ion-card-content>
|
|
|
|
+ <h2>拓海,我要去乡下住几天</h2>
|
|
|
|
+ </ion-card-content>
|
|
|
|
+ </ion-card>
|
|
|
|
+
|
|
|
|
+ <ion-card>
|
|
|
|
+ <ion-card-content>
|
|
|
|
+ <ion-row>
|
|
|
|
+ <ion-col size="13">
|
|
|
|
+ <ion-row>
|
|
|
|
+ <ion-col (click)="goToBlankPage()">电影</ion-col>
|
|
|
|
+ <ion-col (click)="goToBlankPage()">电视</ion-col>
|
|
|
|
+ <ion-col (click)="goToBlankPage()">经典</ion-col>
|
|
|
|
+ <ion-col (click)="goToBlankPage()">新片</ion-col>
|
|
|
|
+ </ion-row>
|
|
|
|
+ </ion-col>
|
|
|
|
+ </ion-row>
|
|
|
|
+ <ion-row>
|
|
|
|
+ <ion-col size="13">
|
|
|
|
+ <ion-row>
|
|
|
|
+ <ion-col (click)="goToBlankPage()">中国大陆</ion-col>
|
|
|
|
+ <ion-col (click)="goToBlankPage()">中国香港</ion-col>
|
|
|
|
+ <ion-col (click)="goToBlankPage()">美国</ion-col>
|
|
|
|
+ <ion-col (click)="goToBlankPage()">英国</ion-col>
|
|
|
|
+ </ion-row>
|
|
|
|
+ </ion-col>
|
|
|
|
+ </ion-row>
|
|
|
|
+ <ion-row>
|
|
|
|
+ <ion-col size="13">
|
|
|
|
+ <ion-row>
|
|
|
|
+ <ion-col (click)="goToBlankPage()">爱情</ion-col>
|
|
|
|
+ <ion-col (click)="goToBlankPage()">动作</ion-col>
|
|
|
|
+ <ion-col (click)="goToBlankPage()">喜剧</ion-col>
|
|
|
|
+ <ion-col (click)="goToBlankPage()">科幻</ion-col>
|
|
|
|
+ </ion-row>
|
|
|
|
+ </ion-col>
|
|
|
|
+ </ion-row>
|
|
|
|
+ <ion-row>
|
|
|
|
+ <ion-col size="12">
|
|
|
|
+ <ion-button expand="full" color="light" shape="round" (click)="goToBlankPage()">more ></ion-button>
|
|
|
|
+ </ion-col>
|
|
|
|
+ </ion-row>
|
|
|
|
+ </ion-card-content>
|
|
|
|
+ </ion-card>
|
|
|
|
+
|
|
<!-- 推荐电影 -->
|
|
<!-- 推荐电影 -->
|
|
<ion-card>
|
|
<ion-card>
|
|
<ion-card-header>
|
|
<ion-card-header>
|
|
@@ -30,34 +79,20 @@
|
|
</ion-thumbnail>
|
|
</ion-thumbnail>
|
|
<ion-label>
|
|
<ion-label>
|
|
<h2>周处除三害</h2>
|
|
<h2>周处除三害</h2>
|
|
- <p>动作/犯罪</p>
|
|
|
|
|
|
+ <p>动作/犯罪</p>
|
|
<p>中国台湾</p>
|
|
<p>中国台湾</p>
|
|
<p>2023</p>
|
|
<p>2023</p>
|
|
</ion-label>
|
|
</ion-label>
|
|
</ion-item>
|
|
</ion-item>
|
|
</ion-list>
|
|
</ion-list>
|
|
|
|
+ <ion-row>
|
|
|
|
+ <ion-col size="12">
|
|
|
|
+ <ion-button expand="full" color="light" shape="round" (click)="goToBlankPage()">more ></ion-button>
|
|
|
|
+ </ion-col>
|
|
|
|
+ </ion-row>
|
|
</ion-card-content>
|
|
</ion-card-content>
|
|
</ion-card>
|
|
</ion-card>
|
|
|
|
|
|
- <!-- 影视分类 -->
|
|
|
|
- <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>
|
|
@@ -91,6 +126,11 @@
|
|
</ion-label>
|
|
</ion-label>
|
|
</ion-item>
|
|
</ion-item>
|
|
</ion-list>
|
|
</ion-list>
|
|
|
|
+ <ion-row>
|
|
|
|
+ <ion-col size="12">
|
|
|
|
+ <ion-button expand="full" color="light" shape="round" (click)="goToBlankPage()">more ></ion-button>
|
|
|
|
+ </ion-col>
|
|
|
|
+ </ion-row>
|
|
</ion-card-content>
|
|
</ion-card-content>
|
|
</ion-card>
|
|
</ion-card>
|
|
|
|
|
|
@@ -100,7 +140,58 @@
|
|
主题分类电影推荐
|
|
主题分类电影推荐
|
|
</ion-card-header>
|
|
</ion-card-header>
|
|
<ion-card-content>
|
|
<ion-card-content>
|
|
- 这里展示主题分类电影推荐的内容
|
|
|
|
|
|
+ <ion-grid>
|
|
|
|
+ <ion-row >
|
|
|
|
+ <ion-col size="12" (click)="goToBlankPage()">
|
|
|
|
+ <img src="assets/images/movie/movie3_1.jpg" >
|
|
|
|
+ </ion-col>
|
|
|
|
+ </ion-row>
|
|
|
|
+ <ion-row >
|
|
|
|
+ <ion-col size="12" (click)="goToBlankPage()">
|
|
|
|
+ <img src="assets/images/movie/movie3_2.jpg" >
|
|
|
|
+ </ion-col>
|
|
|
|
+ </ion-row>
|
|
|
|
+ <ion-row >
|
|
|
|
+ <ion-col size="12" (click)="goToBlankPage()">
|
|
|
|
+ <img src="assets/images/movie/movie3_3.jpg" >
|
|
|
|
+ </ion-col>
|
|
|
|
+ </ion-row>
|
|
|
|
+ <ion-row >
|
|
|
|
+ <ion-col size="12" (click)="goToBlankPage()">
|
|
|
|
+ <img src="assets/images/movie/movie3_4.jpg" >
|
|
|
|
+ </ion-col>
|
|
|
|
+ </ion-row>
|
|
|
|
+ <ion-row >
|
|
|
|
+ <ion-col size="12" (click)="goToBlankPage()">
|
|
|
|
+ <img src="assets/images/movie/movie3_5.jpg" >
|
|
|
|
+ </ion-col>
|
|
|
|
+ </ion-row>
|
|
|
|
+ <ion-row >
|
|
|
|
+ <ion-col size="12" (click)="goToBlankPage()">
|
|
|
|
+ <img src="assets/images/movie/movie3_6.jpg" >
|
|
|
|
+ </ion-col>
|
|
|
|
+ </ion-row>
|
|
|
|
+ <ion-row >
|
|
|
|
+ <ion-col size="12" (click)="goToBlankPage()">
|
|
|
|
+ <img src="assets/images/movie/movie3_7.jpg" >
|
|
|
|
+ </ion-col>
|
|
|
|
+ </ion-row>
|
|
|
|
+ <ion-row >
|
|
|
|
+ <ion-col size="12" (click)="goToBlankPage()">
|
|
|
|
+ <img src="assets/images/movie/movie3_8.jpg" >
|
|
|
|
+ </ion-col>
|
|
|
|
+ </ion-row>
|
|
|
|
+ <ion-row >
|
|
|
|
+ <ion-col size="12" (click)="goToBlankPage()">
|
|
|
|
+ <img src="assets/images/movie/movie3_4.jpg" >
|
|
|
|
+ </ion-col>
|
|
|
|
+ </ion-row>
|
|
|
|
+ <ion-row>
|
|
|
|
+ <ion-col size="12">
|
|
|
|
+ <ion-button expand="full" color="light" shape="round" (click)="goToBlankPage()">more ></ion-button>
|
|
|
|
+ </ion-col>
|
|
|
|
+ </ion-row>
|
|
|
|
+ </ion-grid>
|
|
</ion-card-content>
|
|
</ion-card-content>
|
|
</ion-card>
|
|
</ion-card>
|
|
</ion-content>
|
|
</ion-content>
|