daily-content.page.html 1.1 KB

1234567891011121314151617181920212223242526272829303132333435
  1. <ion-header>
  2. <ion-toolbar>
  3. <ion-buttons slot="start">
  4. <ion-button (click)="navigateToDiary()">
  5. <ion-icon name="calendar"></ion-icon>
  6. <span>日历</span>
  7. </ion-button>
  8. </ion-buttons>
  9. <ion-title>每日内容</ion-title>
  10. <ion-buttons slot="end">
  11. <ion-button (click)="navigateToToday()">
  12. <ion-icon name="today-outline"></ion-icon>
  13. <span>今日</span>
  14. </ion-button>
  15. </ion-buttons>
  16. </ion-toolbar>
  17. </ion-header>
  18. <ion-content>
  19. <div class="daily-content-wrapper">
  20. <div class="daily-item" *ngFor="let content of PLContentsList">
  21. <p>{{ content.get('type') }}</p>
  22. <h1 style="text-align: center;">{{ content.get('title') }}</h1>
  23. <img [src]="content.get('image')" alt="{{ content.get('title') }}" class="card-image">
  24. <h4 style="text-align: center;">{{ content.get('snippet') }}</h4>
  25. <p style="text-align: center;">{{ content.get('time') }} ---- {{ content.get('editor') }}</p>
  26. </div>
  27. </div>
  28. </ion-content>
  29. <!-- <ng-container *ngIf="content.get('type') === '图文'"> -->
  30. <!-- </ng-container> -->