list

src/app/tab1/tab1.page.html

@@ -14,7 +14,7 @@
 
   <!-- 导航栏 -->
   <ion-toolbar>
-    <ion-segment value="explore">
+    <ion-segment>
       <ion-segment-button value="explore">
         发现
       </ion-segment-button>
@@ -228,4 +228,22 @@
       
     </ion-card-content>
   </ion-card>
+  <!-- 内容流 -->
+  <ion-list>
+    <ion-item *ngFor="let item of contentList">
+      <ion-thumbnail>
+        <img [src]="item.image">
+      </ion-thumbnail>
+      <ion-label>
+        <h2>{{item.title}}</h2>
+        <p>{{item.user}} - {{item.likes}} Likes</p>
+        <p>{{item.comments}} Comments</p>
+        <p>{{item.tags}}</p>
+      </ion-label>
+    </ion-item>
+  </ion-list>
 </ion-content>
+
+
+
+

src/app/tab1/tab1.page.ts

@@ -11,13 +11,14 @@ export class Tab1Page {
 
   constructor() {}
 
-  segmentChanged(event: CustomEvent) {
-    this.selectedSegment = event.detail.value;
-  }
+  // segmentChanged(event: CustomEvent) {
+  //   this.selectedSegment = event.detail.value;
+  // }
 
+  // 在此处定义和初始化数据
   contentList = [
-    { image: 'assets/images/image1.jpg', title: '示例标题1', user: '用户A', likes: 10, comments: 5, tags: '标签1, 标签2' },
-    { image: 'assets/images/image2.jpg', title: '示例标题2', user: '用户B', likes: 20, comments: 8, tags: '标签3, 标签4' },
+    { image: 'assets/images/example1.jpghttps://img.zcool.cn/community/01df555d65edcea8012187f4e41c2f.jpg@2o.jpg', title: '示例标题1', user: '用户A', likes: 10, comments: 5, tags: '标签1, 标签2' },
+    { image: 'https://img.zcool.cn/community/01df555d65edcea8012187f4e41c2f.jpg@2o.jpg', title: '示例标题2', user: '用户B', likes: 20, comments: 8, tags: '标签3, 标签4' },
     // 添加更多示例数据
   ];