tab1.page.html 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. <ion-header [translucent]="true">
  2. <ion-toolbar>
  3. <ion-title>
  4. 首页
  5. </ion-title>
  6. </ion-toolbar>
  7. </ion-header>
  8. <ion-content [fullscreen]="true">
  9. <ion-header collapse="condense">
  10. <ion-toolbar>
  11. <ion-title size="large">学习</ion-title>
  12. </ion-toolbar>
  13. </ion-header>
  14. <ion-grid>
  15. <ion-row>
  16. <ion-col size="6">
  17. <ion-card (click)="navigateTo('/learning')" class="feature-card">
  18. <ion-card-header>
  19. <ion-card-title>学习</ion-card-title>
  20. </ion-card-header>
  21. <ion-card-content>
  22. <ion-icon name="book" slot="start"></ion-icon>
  23. 点击进入学习页面
  24. </ion-card-content>
  25. </ion-card>
  26. </ion-col>
  27. <ion-col size="6">
  28. <ion-card (click)="navigateTo('/testing')" class="feature-card">
  29. <ion-card-header>
  30. <ion-card-title>测试</ion-card-title>
  31. </ion-card-header>
  32. <ion-card-content>
  33. <ion-icon name="create" slot="start"></ion-icon>
  34. 点击进入测试页面
  35. </ion-card-content>
  36. </ion-card>
  37. </ion-col>
  38. </ion-row>
  39. <ion-row>
  40. <ion-col size="6">
  41. <ion-card (click)="navigateTo('/planning')" class="feature-card">
  42. <ion-card-header>
  43. <ion-card-title>计划</ion-card-title>
  44. </ion-card-header>
  45. <ion-card-content>
  46. <ion-icon name="calendar" slot="start"></ion-icon>
  47. 点击进入计划页面
  48. </ion-card-content>
  49. </ion-card>
  50. </ion-col>
  51. <ion-col size="6">
  52. <ion-card (click)="navigateTo('/qna')" class="feature-card">
  53. <ion-card-header>
  54. <ion-card-title>问答</ion-card-title>
  55. </ion-card-header>
  56. <ion-card-content>
  57. <ion-icon name="chatbubbles" slot="start"></ion-icon>
  58. 点击进入问答页面
  59. </ion-card-content>
  60. </ion-card>
  61. </ion-col>
  62. </ion-row>
  63. </ion-grid>
  64. </ion-content>