place.page.html 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. <ion-header>
  2. <ion-toolbar>
  3. <ion-title>地点</ion-title>
  4. </ion-toolbar>
  5. </ion-header>
  6. <ion-content>
  7. <!-- 影视花絮 -->
  8. <ion-card>
  9. <ion-card-header>
  10. 影视花絮
  11. </ion-card-header>
  12. <ion-card-content>
  13. 这里展示影视花絮的内容
  14. </ion-card-content>
  15. </ion-card>
  16. <!-- 地图 -->
  17. <ion-card>
  18. <ion-card-header>
  19. 地图
  20. </ion-card-header>
  21. <ion-card-content>
  22. <img src="assets/images/map.jpg" alt="地图">
  23. </ion-card-content>
  24. </ion-card>
  25. <!-- 附件 -->
  26. <ion-card>
  27. <ion-card-header>
  28. 附件
  29. </ion-card-header>
  30. <ion-card-content>
  31. 这里展示附件的内容
  32. </ion-card-content>
  33. </ion-card>
  34. <!-- 全部 -->
  35. <ion-card>
  36. <ion-card-header>
  37. 全部
  38. </ion-card-header>
  39. <ion-card-content>
  40. 这里展示全部内容
  41. </ion-card-content>
  42. </ion-card>
  43. <!-- 热门地点 -->
  44. <ion-card>
  45. <ion-card-header>
  46. 热门地点
  47. </ion-card-header>
  48. <ion-card-content>
  49. <ion-list>
  50. <ion-item>
  51. <ion-thumbnail slot="start">
  52. <img src="assets/images/place1.jpg">
  53. </ion-thumbnail>
  54. <ion-label>
  55. <h2>涩谷站前十字路口</h2>
  56. <p>日本 东京都</p>
  57. </ion-label>
  58. </ion-item>
  59. <!-- 其他热门地点 -->
  60. </ion-list>
  61. </ion-card-content>
  62. </ion-card>
  63. <!-- 主题推荐 -->
  64. <ion-card>
  65. <ion-card-header>
  66. 主题推荐
  67. </ion-card-header>
  68. <ion-card-content>
  69. 这里展示主题推荐的内容
  70. </ion-card-content>
  71. </ion-card>
  72. </ion-content>