ycc

app-angular/src/modules/lesson/community/community.component.html

@@ -19,9 +19,9 @@
                 <ion-segment-button value="关注" (click)="cate='关注'">
                     <ion-label>关注</ion-label>
                 </ion-segment-button>
-                <ion-segment-button value="科普" (click)="cate='科普'">
+                <!-- <ion-segment-button value="科普" (click)="cate='科普'">
                     <ion-label>科普</ion-label>
-                </ion-segment-button>
+                </ion-segment-button> -->
             </ion-segment>
         </ion-toolbar>
     </ion-card>
@@ -83,11 +83,33 @@
                 </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>
+                </ion-card-header>
+                <ion-card-content>
+                    <p class="foodContent">{{science?.get('content')}}</p>
+                </ion-card-content>
+            </ion-card>
+        </ng-container>
     </ng-container>
     
 
     <!-- 科普 -->
-    <ng-container *ngIf="cate=='科普'">
+    <!-- <ng-container *ngIf="cate=='科普'">
         <ng-container *ngFor="let science of scienceList">
             <ion-card (click)="goScienceDetail(science)">
                 <img alt="科普图" [src]="science?.get('img')" />
@@ -110,6 +132,6 @@
                 </ion-card-content>
             </ion-card>
         </ng-container>
-    </ng-container>
+    </ng-container> -->
 
 </ion-content>

app-angular/src/modules/lesson/community/community.component.ts

@@ -5,7 +5,8 @@ import * as Parse from "parse";
 @Component({
   selector: 'app-community',
   templateUrl: './community.component.html',
-  styleUrls: ['./community.component.scss']
+  styleUrls: ['./community.component.scss'],
+
 })
 export class CommunityComponent implements OnInit {