|
@@ -7,12 +7,12 @@
|
|
|
<ion-content>
|
|
|
<!-- 影视花絮 -->
|
|
|
<ion-card>
|
|
|
+ <ion-card-content>
|
|
|
+ <img src="assets/images/place/place0.jpg">
|
|
|
+ </ion-card-content>
|
|
|
<ion-card-header>
|
|
|
- 影视花絮
|
|
|
+ 一起爬山吗?
|
|
|
</ion-card-header>
|
|
|
- <ion-card-content>
|
|
|
- 这里展示影视花絮的内容
|
|
|
- </ion-card-content>
|
|
|
</ion-card>
|
|
|
|
|
|
<!-- 地图 -->
|
|
@@ -25,23 +25,102 @@
|
|
|
</ion-card-content>
|
|
|
</ion-card>
|
|
|
|
|
|
- <!-- 附件 -->
|
|
|
- <ion-card>
|
|
|
- <ion-card-header>
|
|
|
- 附件
|
|
|
- </ion-card-header>
|
|
|
- <ion-card-content>
|
|
|
- 这里展示附件的内容
|
|
|
- </ion-card-content>
|
|
|
- </ion-card>
|
|
|
-
|
|
|
<!-- 全部 -->
|
|
|
<ion-card>
|
|
|
<ion-card-header>
|
|
|
- 全部
|
|
|
+ 世界地点
|
|
|
</ion-card-header>
|
|
|
<ion-card-content>
|
|
|
- 这里展示全部内容
|
|
|
+ <ion-card>
|
|
|
+ <ion-card-header>
|
|
|
+ 中国大陆
|
|
|
+ </ion-card-header>
|
|
|
+ <ion-card-content>
|
|
|
+ <ion-list>
|
|
|
+ <ion-item>
|
|
|
+ <ion-thumbnail slot="start">
|
|
|
+ <img src="assets/images/place/place4.jpg" alt="陆家嘴天桥">
|
|
|
+ </ion-thumbnail>
|
|
|
+ <ion-label>
|
|
|
+ <h2>陆家嘴天桥</h2>
|
|
|
+ <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-list>
|
|
|
+ <ion-item>
|
|
|
+ <ion-thumbnail slot="start">
|
|
|
+ <img src="assets/images/place/place5.jpg" alt="中环至半山自动扶梯">
|
|
|
+ </ion-thumbnail>
|
|
|
+ <ion-label>
|
|
|
+ <h2>中环至半山自动扶梯</h2>
|
|
|
+ <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-list>
|
|
|
+ <ion-item>
|
|
|
+ <ion-thumbnail slot="start">
|
|
|
+ <img src="assets/images/place/place8.jpg" alt="镰仓高校前路口">
|
|
|
+ </ion-thumbnail>
|
|
|
+ <ion-label>
|
|
|
+ <h2>镰仓高校前路口</h2>
|
|
|
+ <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-list>
|
|
|
+ <ion-item>
|
|
|
+ <ion-thumbnail slot="start">
|
|
|
+ <img src="assets/images/place/place6.jpg" alt="国王十字火车站">
|
|
|
+ </ion-thumbnail>
|
|
|
+ <ion-label>
|
|
|
+ <h2>国王十字火车站</h2>
|
|
|
+ <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-list>
|
|
|
+ <ion-item>
|
|
|
+ <ion-thumbnail slot="start">
|
|
|
+ <img src="assets/images/place/place7.jpg" alt="时代广场">
|
|
|
+ </ion-thumbnail>
|
|
|
+ <ion-label>
|
|
|
+ <h2>时代广场</h2>
|
|
|
+ <p>美国 纽约</p>
|
|
|
+ </ion-label>
|
|
|
+ </ion-item>
|
|
|
+ </ion-list>
|
|
|
+ </ion-card-content>
|
|
|
+ </ion-card>
|
|
|
</ion-card-content>
|
|
|
</ion-card>
|
|
|
|
|
@@ -54,14 +133,31 @@
|
|
|
<ion-list>
|
|
|
<ion-item>
|
|
|
<ion-thumbnail slot="start">
|
|
|
- <img src="assets/images/place1.jpg">
|
|
|
+ <img src="assets/images/place/place2.jpg" alt="涩谷站前十字路口">
|
|
|
</ion-thumbnail>
|
|
|
<ion-label>
|
|
|
<h2>涩谷站前十字路口</h2>
|
|
|
<p>日本 东京都</p>
|
|
|
</ion-label>
|
|
|
</ion-item>
|
|
|
- <!-- 其他热门地点 -->
|
|
|
+ <ion-item>
|
|
|
+ <ion-thumbnail slot="start">
|
|
|
+ <img src="assets/images/place/place3.jpg" alt="切瑟尔海滩">
|
|
|
+ </ion-thumbnail>
|
|
|
+ <ion-label>
|
|
|
+ <h2>切瑟尔海滩</h2>
|
|
|
+ <p>英国 波特兰</p>
|
|
|
+ </ion-label>
|
|
|
+ </ion-item>
|
|
|
+ <ion-item>
|
|
|
+ <ion-thumbnail slot="start">
|
|
|
+ <img src="assets/images/place/place12.jpg" alt="稻城亚丁风景区">
|
|
|
+ </ion-thumbnail>
|
|
|
+ <ion-label>
|
|
|
+ <h2>稻城亚丁风景区</h2>
|
|
|
+ <p>中国 甘孜藏族自治州</p>
|
|
|
+ </ion-label>
|
|
|
+ </ion-item>
|
|
|
</ion-list>
|
|
|
</ion-card-content>
|
|
|
</ion-card>
|
|
@@ -72,7 +168,114 @@
|
|
|
主题推荐
|
|
|
</ion-card-header>
|
|
|
<ion-card-content>
|
|
|
- 这里展示主题推荐的内容
|
|
|
+ <ion-card>
|
|
|
+ <ion-card-header>
|
|
|
+ 旅游景点
|
|
|
+ </ion-card-header>
|
|
|
+ <ion-card-content>
|
|
|
+ <ion-list>
|
|
|
+ <ion-item>
|
|
|
+ <ion-thumbnail slot="start">
|
|
|
+ <img src="assets/images/place/place8.jpg" alt="镰仓高校前路口">
|
|
|
+ </ion-thumbnail>
|
|
|
+ <ion-label>
|
|
|
+ <h2>镰仓高校前路口</h2>
|
|
|
+ <p>日本 镰仓市</p>
|
|
|
+ </ion-label>
|
|
|
+ </ion-item>
|
|
|
+ <ion-item>
|
|
|
+ <ion-thumbnail slot="start">
|
|
|
+ <img src="assets/images/place/place9.jpg" alt="小丑台阶">
|
|
|
+ </ion-thumbnail>
|
|
|
+ <ion-label>
|
|
|
+ <h2>小丑台阶</h2>
|
|
|
+ <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-list>
|
|
|
+ <ion-item>
|
|
|
+ <ion-thumbnail slot="start">
|
|
|
+ <img src="assets/images/place/place10.jpg" alt="阅江楼">
|
|
|
+ </ion-thumbnail>
|
|
|
+ <ion-label>
|
|
|
+ <h2>阅江楼</h2>
|
|
|
+ <p>中国 南京市</p>
|
|
|
+ </ion-label>
|
|
|
+ </ion-item>
|
|
|
+ <ion-item>
|
|
|
+ <ion-thumbnail slot="start">
|
|
|
+ <img src="assets/images/place/place11.jpg" alt="埃菲尔铁塔">
|
|
|
+ </ion-thumbnail>
|
|
|
+ <ion-label>
|
|
|
+ <h2>埃菲尔铁塔</h2>
|
|
|
+ <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-list>
|
|
|
+ <ion-item>
|
|
|
+ <ion-thumbnail slot="start">
|
|
|
+ <img src="assets/images/place/place12.jpg" alt="稻城亚丁风景区">
|
|
|
+ </ion-thumbnail>
|
|
|
+ <ion-label>
|
|
|
+ <h2>稻城亚丁风景区</h2>
|
|
|
+ <p>中国 甘孜藏族自治州</p>
|
|
|
+ </ion-label>
|
|
|
+ </ion-item>
|
|
|
+ <ion-item>
|
|
|
+ <ion-thumbnail slot="start">
|
|
|
+ <img src="assets/images/place/place13.jpg" alt="火焰山">
|
|
|
+ </ion-thumbnail>
|
|
|
+ <ion-label>
|
|
|
+ <h2>火焰山</h2>
|
|
|
+ <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-list>
|
|
|
+ <ion-item>
|
|
|
+ <ion-thumbnail slot="start">
|
|
|
+ <img src="assets/images/place/place14.jpg" alt="解放碑">
|
|
|
+ </ion-thumbnail>
|
|
|
+ <ion-label>
|
|
|
+ <h2>解放碑</h2>
|
|
|
+ <p>中国 重庆市</p>
|
|
|
+ </ion-label>
|
|
|
+ </ion-item>
|
|
|
+ <ion-item>
|
|
|
+ <ion-thumbnail slot="start">
|
|
|
+ <img src="assets/images/place/place15.jpg" alt="国贸桥">
|
|
|
+ </ion-thumbnail>
|
|
|
+ <ion-label>
|
|
|
+ <h2>国贸桥</h2>
|
|
|
+ <p>中国 北京市</p>
|
|
|
+ </ion-label>
|
|
|
+ </ion-item>
|
|
|
+ </ion-list>
|
|
|
+ </ion-card-content>
|
|
|
+ </ion-card>
|
|
|
</ion-card-content>
|
|
|
</ion-card>
|
|
|
</ion-content>
|