tab2.page.html 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  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. <ion-list>
  14. <ion-item>
  15. <ion-thumbnail slot="start">
  16. <ion-img src="https://tse1-mm.cn.bing.net/th/id/OIP-C.Ltwg5DrGKW0f3Yv9F4EdXQHaEi?w=295&h=181&c=7&r=0&o=5&dpr=1.3&pid=1.7"></ion-img>
  17. </ion-thumbnail>
  18. <ion-label>
  19. <h2>杭州西湖</h2>
  20. <p>西湖周围风景秀丽,湖水清澈,绿树成荫,有着许多著名的景点和建筑,如雷峰塔、岳飞庙、苏堤、断桥等。西湖的景色因四季不同而各具特色,春季樱花盛开、夏季翠绿如玉、秋季层林尽染、冬季冰雪皑皑,每个季节都有独特的美景。</p>
  21. </ion-label>
  22. </ion-item>
  23. <!-- 这里可以添加更多国内景点的示例数据 -->
  24. </ion-list>
  25. </ion-card-content>
  26. </ion-card>
  27. <!-- 国际景点 -->
  28. <ion-card>
  29. <ion-card-header>
  30. 国际景点
  31. </ion-card-header>
  32. <ion-card-content>
  33. <ion-list>
  34. <ion-item>
  35. <ion-thumbnail slot="start">
  36. <ion-img src="https://ts2.cn.mm.bing.net/th?id=OIP-C.g7gy6ppOPiH05QZ7mOUxoQHaFj&w=288&h=216&c=8&rs=1&qlt=90&o=6&dpr=1.3&pid=3.1&rm=2"></ion-img>
  37. </ion-thumbnail>
  38. <ion-label>
  39. <h2>夏威夷</h2>
  40. <p>夏威夷的自然景观多样,有壮丽的火山景观、郁郁葱葱的热带雨林、蔚蓝的海洋和金黄色的沙滩。夏威夷火山国家公园是夏威夷最著名的景点之一,游客可以看到活火山、熔岩流、热带雨林等壮观景观。</p>
  41. </ion-label>
  42. </ion-item>
  43. <!-- 这里可以添加更多国际景点的示例数据 -->
  44. </ion-list>
  45. </ion-card-content>
  46. </ion-card>
  47. </ion-content>