|
@@ -8,41 +8,16 @@
|
|
|
|
|
|
|
|
|
<ion-content>
|
|
|
-
|
|
|
-
|
|
|
- <!-- Swiper轮播图 -->
|
|
|
- <div class="swiper-container">
|
|
|
+ <div class="swiper-container">
|
|
|
<div class="swiper-wrapper">
|
|
|
- <div class="swiper-slide">Slide 1</div>
|
|
|
- <div class="swiper-slide">Slide 2</div>
|
|
|
- <div class="swiper-slide">Slide 3</div>
|
|
|
+ <div class="swiper-slide"><img src="assets/images/homepage/home2_1.jpg" alt="Image 1"></div>
|
|
|
+ <div class="swiper-slide"><img src="assets/images/homepage/home2_2.jpg" alt="Image 2"></div>
|
|
|
+ <div class="swiper-slide"><img src="assets/images/homepage/home2_3.jpg" alt="Image 3"></div>
|
|
|
</div>
|
|
|
- <!-- Add Pagination -->
|
|
|
<div class="swiper-pagination"></div>
|
|
|
</div>
|
|
|
|
|
|
- <script>
|
|
|
- var mySwiper = new Swiper ('.swiper', {
|
|
|
- direction: 'vertical', // 垂直切换选项
|
|
|
- loop: true, // 循环模式选项
|
|
|
-
|
|
|
- // 如果需要分页器
|
|
|
- pagination: {
|
|
|
- el: '.swiper-pagination',
|
|
|
- },
|
|
|
-
|
|
|
- // 如果需要前进后退按钮
|
|
|
- navigation: {
|
|
|
- nextEl: '.swiper-button-next',
|
|
|
- prevEl: '.swiper-button-prev',
|
|
|
- },
|
|
|
-
|
|
|
- // 如果需要滚动条
|
|
|
- scrollbar: {
|
|
|
- el: '.swiper-scrollbar',
|
|
|
- },
|
|
|
- })
|
|
|
- </script>
|
|
|
+
|
|
|
|
|
|
<!-- 最近更新 -->
|
|
|
<ion-card>
|
|
@@ -51,19 +26,19 @@
|
|
|
</ion-card-header>
|
|
|
<ion-card-content>
|
|
|
<ion-grid>
|
|
|
- <ion-row>
|
|
|
+ <ion-row class="image-row">
|
|
|
<ion-col size="4" (click)="handleImageClick('recentUpdateImage1')">
|
|
|
- <ion-img src="assets\img\shouyeImg\城市猎人.jpg"></ion-img>
|
|
|
+ <ion-img src="assets/images/homepage/home1_1.jpg"></ion-img>
|
|
|
</ion-col>
|
|
|
<ion-col size="4" (click)="handleImageClick('recentUpdateImage2')">
|
|
|
- <ion-img src="assets\img\shouyeImg\城市猎人.jpg"></ion-img>
|
|
|
+ <ion-img src="assets/images/homepage/home1_2.jpg"></ion-img>
|
|
|
</ion-col>
|
|
|
<ion-col size="4" (click)="handleImageClick('recentUpdateImage3')">
|
|
|
- <ion-img src="assets\img\shouyeImg\城市猎人.jpg"></ion-img>
|
|
|
+ <ion-img src="assets/images/homepage/home1_3.jpg"></ion-img>
|
|
|
</ion-col>
|
|
|
</ion-row>
|
|
|
</ion-grid>
|
|
|
- </ion-card-content>
|
|
|
+ </ion-card-content>
|
|
|
</ion-card>
|
|
|
|
|
|
<!-- 热门电影 -->
|
|
@@ -73,15 +48,15 @@
|
|
|
</ion-card-header>
|
|
|
<ion-card-content>
|
|
|
<ion-grid>
|
|
|
- <ion-row>
|
|
|
+ <ion-row class="image-row">
|
|
|
<ion-col size="4">
|
|
|
- <ion-img src="assets\shouyeImg\城市猎人.jpg"></ion-img>
|
|
|
+ <ion-img src="assets/images/homepage/home2_1.jpg"></ion-img>
|
|
|
</ion-col>
|
|
|
<ion-col size="4">
|
|
|
- <!-- 图片位置2 -->
|
|
|
+ <ion-img src="assets/images/homepage/home2_2.jpg"></ion-img>
|
|
|
</ion-col>
|
|
|
<ion-col size="4">
|
|
|
- <!-- 图片位置3 -->
|
|
|
+ <ion-img src="assets/images/homepage/home2_3.jpg"></ion-img>
|
|
|
</ion-col>
|
|
|
</ion-row>
|
|
|
</ion-grid>
|
|
@@ -95,7 +70,7 @@
|
|
|
</ion-card-header>
|
|
|
<ion-card-content>
|
|
|
<ion-grid>
|
|
|
- <ion-row>
|
|
|
+ <ion-row class="image-row">
|
|
|
<ion-col size="4">
|
|
|
<!-- 图片位置1 -->
|
|
|
</ion-col>
|
|
@@ -117,7 +92,7 @@
|
|
|
</ion-card-header>
|
|
|
<ion-card-content>
|
|
|
<ion-grid>
|
|
|
- <ion-row>
|
|
|
+ <ion-row class="image-row">
|
|
|
<ion-col size="4">
|
|
|
<!-- 图片位置1 -->
|
|
|
</ion-col>
|
|
@@ -139,7 +114,7 @@
|
|
|
</ion-card-header>
|
|
|
<ion-card-content>
|
|
|
<ion-grid>
|
|
|
- <ion-row>
|
|
|
+ <ion-row class="image-row">
|
|
|
<ion-col size="4">
|
|
|
<!-- 图片位置1 -->
|
|
|
</ion-col>
|