|
|
@@ -55,18 +55,36 @@
|
|
|
</ion-grid>
|
|
|
</ng-container>
|
|
|
|
|
|
- <!-- 关注 -->
|
|
|
<ng-container *ngIf="cate=='关注'">
|
|
|
<div class="carousel-container">
|
|
|
<div class="carousel">
|
|
|
- <div class="card">Card 1</div>
|
|
|
- <div class="card">Card 2</div>
|
|
|
- <div class="card">Card 3</div>
|
|
|
- <div class="card">Card 4</div>
|
|
|
- <div class="card">Card 5</div>
|
|
|
+ <ng-container *ngFor="let attention of attentionList">
|
|
|
+ <div class="card-container">
|
|
|
+ <ion-col size="16">
|
|
|
+ <ion-card class="roleCard custom-card" (click)="goAttentionDetail(attention)">
|
|
|
+ <img alt="关注图" [src]="attention?.get('img')" />
|
|
|
+ <ion-card-header>
|
|
|
+ <ion-card-title>
|
|
|
+ {{attention?.get('name')}}
|
|
|
+ </ion-card-title>
|
|
|
+ <ion-card-subtitle style="font-size:0.7rem;">
|
|
|
+ 作者：{{attention?.get('user')?.get('name') || "无名"}}
|
|
|
+ </ion-card-subtitle>
|
|
|
+ </ion-card-header>
|
|
|
+ <div class="metadata-end-wrapper">
|
|
|
+ <ion-button shape="round" size="small" color="danger">
|
|
|
+ <ion-icon name="heart-outline" size="small"></ion-icon>
|
|
|
+ {{attention?.get('like')}}
|
|
|
+ </ion-button>
|
|
|
+ </div>
|
|
|
+ </ion-card>
|
|
|
+ </ion-col>
|
|
|
+ </div>
|
|
|
+ </ng-container>
|
|
|
</div>
|
|
|
</div>
|
|
|
</ng-container>
|
|
|
+
|
|
|
|
|
|
<!-- 科普 -->
|
|
|
<ng-container *ngIf="cate=='科普'">
|
