chip

src/app/tab1/tab1.page.html

@@ -391,10 +391,22 @@
               <img [src]="item.image">
             </ion-thumbnail>
             <ion-label>
-              <h2>{{item.title}}</h2>
-              <p style="color: red;">{{item.score}}分 {{item.price}}万元/套</p>
-              <p>{{item.locate}} 近期服务{{item.people}}人</p>
-              <p>{{item.tags}}</p>
+              <h2>
+                {{item.title}}
+              </h2>
+              <p style="color: red;">
+                {{item.score}}分 {{item.price}}万元/套
+              </p>
+              <p>
+                {{item.locate}} 近期服务{{item.people}}人
+              </p>
+              <ion-chip>
+                {{item.tag1}}
+              </ion-chip>
+              <ion-chip>
+                {{item.tag2}}
+              </ion-chip>
+
             </ion-label>
           </ion-item>
         </ion-list>

src/app/tab1/tab1.page.ts

@@ -63,7 +63,9 @@ export class Tab1Page implements OnInit {
       price: 10-15, 
       locate: '红谷滩区', 
       people: 109,
-      tags: '十年老店 透明报价' 
+      tag1: '十年老店' ,
+      tag2: '透明报价' 
+
     },
     { 
       image: 'https://img.zcool.cn/community/01df555d65edcea8012187f4e41c2f.jpg@2o.jpg', 
@@ -72,7 +74,8 @@ export class Tab1Page implements OnInit {
       price: 8-13, 
       locate: '红谷滩区', 
       people: 98,
-      tags: '十年老店 透明报价' 
+      tag1: '十年老店' ,
+      tag2: '透明报价' 
     },
     { 
       image: 'https://img.zcool.cn/community/01df555d65edcea8012187f4e41c2f.jpg@2o.jpg', 
@@ -81,7 +84,8 @@ export class Tab1Page implements OnInit {
       price: 7-12, 
       locate: '东湖区', 
       people: 22,
-      tags: '十年老店 透明报价' 
+      tag1: '十年老店' ,
+      tag2: '透明报价' 
     },
     { 
       image: 'https://img.zcool.cn/community/01df555d65edcea8012187f4e41c2f.jpg@2o.jpg', 
@@ -90,7 +94,8 @@ export class Tab1Page implements OnInit {
       price: 7-12, 
       locate: '南昌县', 
       people: 11,
-      tags: '十年老店 毛坯装修' 
+      tag1: '十年老店',
+      tag2: '毛坯装修' 
     },
     { 
       image: 'https://img.zcool.cn/community/01df555d65edcea8012187f4e41c2f.jpg@2o.jpg', 
@@ -99,7 +104,8 @@ export class Tab1Page implements OnInit {
       price: 15-20, 
       locate: '青山湖区', 
       people: 22,
-      tags: '十年老店 透明报价' 
+      tag1: '十年老店',
+      tag2: '毛坯装修' 
     },
     // 添加更多示例数据
   ];