|
|
@@ -60,13 +60,13 @@
|
|
|
<div class="carousel">
|
|
|
<ng-container *ngFor="let attention of attentionList">
|
|
|
<div class="card-container">
|
|
|
- <ion-col size="16">
|
|
|
+ <ion-col size="6">
|
|
|
<ion-card class="roleCard custom-card" (click)="goAttentionDetail(attention)">
|
|
|
<img alt="关注图" [src]="attention?.get('img')" />
|
|
|
<ion-card-header>
|
|
|
- <ion-card-title>
|
|
|
+ <!-- <ion-card-title>
|
|
|
{{attention?.get('name')}}
|
|
|
- </ion-card-title>
|
|
|
+ </ion-card-title> -->
|
|
|
<ion-card-subtitle style="font-size:0.7rem;">
|
|
|
作者：{{attention?.get('user')?.get('name') || "无名"}}
|
|
|
</ion-card-subtitle>
|
|
|
@@ -83,30 +83,57 @@
|
|
|
</ng-container>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <ng-container *ngFor="let science of scienceList">
|
|
|
- <ion-card (click)="goScienceDetail(science)">
|
|
|
- <img alt="科普图" [src]="science?.get('img')" />
|
|
|
- <ion-card-header>
|
|
|
- <ion-card-title>{{science?.get('name')}}</ion-card-title>
|
|
|
- <ion-card-subtitle>{{science?.get('createdAt') | date: 'YYYY/MM/dd' || "发布时间"}}</ion-card-subtitle>
|
|
|
- <div class="metadata-end-wrapper">
|
|
|
- <ion-button fill="clear" color="dark" size="small" class="see">
|
|
|
- <ion-icon name="eye-outline" size="small"></ion-icon>
|
|
|
- <ion-note>{{science?.get('see')}}</ion-note>
|
|
|
- </ion-button>
|
|
|
- <ion-button fill="clear" color="dark" size="small" class="like">
|
|
|
- <ion-icon name="heart-outline" size="small"></ion-icon>
|
|
|
- <ion-note>{{science?.get('like')}}</ion-note>
|
|
|
- </ion-button>
|
|
|
+ <div class="carousel-container">
|
|
|
+ <div class="carousel">
|
|
|
+ <ng-container *ngFor="let attention of attentionList">
|
|
|
+ <div class="card-container">
|
|
|
+ <ion-col size="6">
|
|
|
+ <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>
|
|
|
- </ion-card-header>
|
|
|
- <ion-card-content>
|
|
|
- <p class="foodContent">{{science?.get('content')}}</p>
|
|
|
- </ion-card-content>
|
|
|
- </ion-card>
|
|
|
- </ng-container>
|
|
|
+ </ng-container>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </ng-container><ng-container *ngFor="let science of scienceList">
|
|
|
+ <ion-card (click)="goScienceDetail(science)">
|
|
|
+ <img alt="科普图" [src]="science?.get('img')" />
|
|
|
+ <ion-card-header>
|
|
|
+ <ion-card-title>{{science?.get('name')}}</ion-card-title>
|
|
|
+ <ion-card-subtitle>{{science?.get('createdAt') | date: 'YYYY/MM/dd' || "发布时间"}}</ion-card-subtitle>
|
|
|
+ <div class="metadata-end-wrapper">
|
|
|
+ <ion-button fill="clear" color="dark" size="small" class="see">
|
|
|
+ <ion-icon name="eye-outline" size="small"></ion-icon>
|
|
|
+ <ion-note>{{science?.get('see')}}</ion-note>
|
|
|
+ </ion-button>
|
|
|
+ <ion-button fill="clear" color="dark" size="small" class="like">
|
|
|
+ <ion-icon name="heart-outline" size="small"></ion-icon>
|
|
|
+ <ion-note>{{science?.get('like')}}</ion-note>
|
|
|
+ </ion-button>
|
|
|
+ </div>
|
|
|
+ </ion-card-header>
|
|
|
+ <ion-card-content>
|
|
|
+ <p class="foodContent">{{science?.get('content')}}</p>
|
|
|
+ </ion-card-content>
|
|
|
+ </ion-card>
|
|
|
</ng-container>
|
|
|
|
|
|
+
|
|
|
|
|
|
<!-- 科普 -->
|
|
|
<!-- <ng-container *ngIf="cate=='科普'">
|
