tab2

src/app/tab2/tab2.page.html

@@ -31,7 +31,7 @@
       <!-- 装修公司详情页 -->
       <ion-card>
         <ion-card-header>
-          公司名称
+          公司名称: {{ company.name }}
         </ion-card-header>
         <ion-card-content>
           <ion-item>
@@ -58,11 +58,11 @@
                   <ion-text>{{ company.services }}</ion-text>
                 </ion-item>
                 <ion-item>
-                  <ion-label>优势:</ion-label>
+                  <ion-label>公司优势:</ion-label>
                   <ion-text>{{ company.advantages }}</ion-text>
                 </ion-item>
                 <ion-item>
-                  <ion-label>案例:</ion-label>
+                  <ion-label>公司案例:</ion-label>
                   <ion-text>{{ company.cases }}</ion-text>
                 </ion-item>
               </ion-list>
@@ -75,10 +75,18 @@
             </ion-card-header>
             <ion-card-content>
               <ion-list>
-                <ion-item>全屋定制</ion-item>
-                <ion-item>局部改造</ion-item>
-                <ion-item>硬装</ion-item>
-                <ion-item>软装</ion-item>
+                <ion-item>
+                  <ion-label>全屋定制</ion-label>
+                </ion-item>
+                <ion-item>
+                  <ion-label>局部改造</ion-label>
+                </ion-item>
+                <ion-item>
+                  <ion-label>硬装</ion-label>
+                </ion-item>
+                <ion-item>
+                  <ion-label>软装</ion-label>
+                </ion-item>
               </ion-list>
             </ion-card-content>
           </ion-card>
@@ -128,20 +136,20 @@
         <!-- 设计机构详情页 -->
         <ion-card>
           <ion-card-header>
-            机构名称
+            机构名称: {{ agency.name }}
           </ion-card-header>
           <ion-card-content>
             <ion-item>
               <ion-label>星级评分:</ion-label>
-              <ion-text>{{ organization.starRating }}</ion-text>
+              <ion-text>{{ agency.starRating }}</ion-text>
             </ion-item>
             <ion-item>
               <ion-label>评价数量:</ion-label>
-              <ion-text>{{ organization.reviewCount }}</ion-text>
+              <ion-text>{{ agency.reviewCount }}</ion-text>
             </ion-item>
             <ion-item>
               <ion-label>机构简介:</ion-label>
-              <ion-text>{{ organization.description }}</ion-text>
+              <ion-text>{{ agency.description }}</ion-text>
             </ion-item>
             <!-- 机构介绍 -->
             <ion-card>
@@ -152,15 +160,15 @@
                 <ion-list>
                   <ion-item>
                     <ion-label>服务:</ion-label>
-                    <ion-text>{{ organization.services }}</ion-text>
+                    <ion-text>{{ agency.services }}</ion-text>
                   </ion-item>
                   <ion-item>
                     <ion-label>优势:</ion-label>
-                    <ion-text>{{ organization.advantages }}</ion-text>
+                    <ion-text>{{ agency.advantages }}</ion-text>
                   </ion-item>
                   <ion-item>
                     <ion-label>案例:</ion-label>
-                    <ion-text>{{ organization.cases }}</ion-text>
+                    <ion-text>{{ agency.cases }}</ion-text>
                   </ion-item>
                 </ion-list>
               </ion-card-content>
@@ -261,7 +269,14 @@
                 设计师作品
               </ion-card-header>
               <ion-card-content>
-                <!-- 展示设计师作品图片和数量 -->
+                <ion-grid>
+                  <ion-row>
+                    <ion-col size="6" *ngFor="let work of designer.works">
+                      <ion-img src="{{ work.image }}"></ion-img>
+                      <p>{{ work.description }}</p>
+                    </ion-col>
+                  </ion-row>
+                </ion-grid>
               </ion-card-content>
             </ion-card>
             <!-- 用户评价 -->
@@ -270,7 +285,18 @@
                 用户评价
               </ion-card-header>
               <ion-card-content>
-                <!-- 展示用户对设计师的评价 -->
+                <ion-list>
+                  <ion-item *ngFor="let review of designer.reviews">
+                    <ion-avatar slot="start">
+                      <ion-img src="{{ review.avatar }}"></ion-img>
+                    </ion-avatar>
+                    <ion-label>
+                      <h2>{{ review.username }}</h2>
+                      <p>{{ review.comment }}</p>
+                    </ion-label>
+                    <ion-icon slot="end" name="star" [color]="review.rating >= 4 ? 'warning' : 'medium'"></ion-icon>
+                  </ion-item>
+                </ion-list>
               </ion-card-content>
             </ion-card>
             <!-- 底部按钮 -->

src/app/tab2/tab2.page.ts

@@ -13,18 +13,36 @@ export class Tab2Page {
     starRating: 4.5,
     reviewCount: 100,
     description: '公司简介',
-    services: '公司服务内容',
-    advantages: '公司优势内容',
-    cases: '公司案例内容'
+    services: '公司提供的服务',
+    advantages: '公司的优势',
+    cases: '公司的案例',
+    // 其他公司信息
   };
-  organization = {
+  agency = {
     name: '机构名称',
-    starRating: 4.3,
-    reviewCount: 80,
+    starRating: 4.4,
+    reviewCount: 95,
     description: '机构简介',
-    services: '机构服务内容',
-    advantages: '机构优势内容',
-    cases: '机构案例内容'
+    services: '机构提供的服务',
+    advantages: '机构的优势',
+    cases: '机构的案例',
+    designers: [
+      { name: '设计师1', avatar: 'assets/designer1.jpg', specialty: '擅长风格1' },
+      { name: '设计师2', avatar: 'assets/designer2.jpg', specialty: '擅长风格2' },
+      // 添加更多设计师信息
+    ],
+    casesList: [
+      { image: 'assets/case1.jpg', description: '案例描述1' },
+      { image: 'assets/case2.jpg', description: '案例描述2' },
+      // 添加更多案例信息
+    ],
+    designPhilosophy: '设计理念内容',
+    serviceProcess: '服务流程内容',
+    reviews: [
+      { avatar: 'assets/user1.jpg', username: '用户1', comment: '评价1', rating: 5 },
+      { avatar: 'assets/user2.jpg', username: '用户2', comment: '评价2', rating: 4 },
+      // 添加更多用户评价
+    ]
   };
   designer = {
     name: '设计师姓名',
@@ -34,7 +52,16 @@ export class Tab2Page {
     serviceArea: '服务地区',
     price: '设计师价格',
     rating: '用户评价',
-    // 其他设计师信息
+    works: [
+      { image: 'assets/work1.jpg', title: '作品1', description: '作品描述1' },
+      { image: 'assets/work2.jpg', title: '作品2', description: '作品描述2' },
+      // 添加更多设计师作品
+    ],
+    reviews: [
+      { avatar: 'assets/user1.jpg', username: '用户1', comment: '评价1', rating: 5 },
+      { avatar: 'assets/user2.jpg', username: '用户2', comment: '评价2', rating: 4 },
+      // 添加更多用户评价
+    ]
   };
 
   constructor() {}