community.page.html 765 B

12345678910111213141516171819202122232425
  1. <ion-header>
  2. <ion-toolbar>
  3. <ion-title>发现</ion-title>
  4. <ion-buttons slot="end">
  5. <ion-button (click)="sharePost()" color="primary">
  6. <ion-icon name="add"></ion-icon>
  7. </ion-button>
  8. </ion-buttons>
  9. </ion-toolbar>
  10. </ion-header>
  11. <ion-content>
  12. <div class="spacer"></div>
  13. <div class="post-grid">
  14. <ion-card *ngFor="let post of posts" (click)="viewPost(post.id)" class="post-card">
  15. <ion-card-header>
  16. <ion-card-subtitle>{{ post.date | date:'short' }}</ion-card-subtitle>
  17. </ion-card-header>
  18. <ion-card-content>
  19. <img [src]="post.imageUrl" *ngIf="post.imageUrl" alt="动态图片" class="post-image" />
  20. <p>{{ post.text }}</p>
  21. </ion-card-content>
  22. </ion-card>
  23. </div>
  24. </ion-content>