tab2

src/app/tab2/tab2.page.html

@@ -1,6 +1,6 @@
 <ion-header>
   <ion-toolbar color="primary">
-    <ion-title>装修页</ion-title>
+    <ion-title>装修</ion-title>
   </ion-toolbar>
 </ion-header>
 
@@ -124,11 +124,163 @@
     <!-- 设计机构详情页 -->
     <div *ngIf="selectedSegment === 'design'">
       <!-- 机构详情页内容 -->
+      <div *ngIf="selectedSegment === 'design'">
+        <!-- 设计机构详情页 -->
+        <ion-card>
+          <ion-card-header>
+            机构名称
+          </ion-card-header>
+          <ion-card-content>
+            <ion-item>
+              <ion-label>星级评分:</ion-label>
+              <ion-text>{{ organization.starRating }}</ion-text>
+            </ion-item>
+            <ion-item>
+              <ion-label>评价数量:</ion-label>
+              <ion-text>{{ organization.reviewCount }}</ion-text>
+            </ion-item>
+            <ion-item>
+              <ion-label>机构简介:</ion-label>
+              <ion-text>{{ organization.description }}</ion-text>
+            </ion-item>
+            <!-- 机构介绍 -->
+            <ion-card>
+              <ion-card-header>
+                机构介绍
+              </ion-card-header>
+              <ion-card-content>
+                <ion-list>
+                  <ion-item>
+                    <ion-label>服务:</ion-label>
+                    <ion-text>{{ organization.services }}</ion-text>
+                  </ion-item>
+                  <ion-item>
+                    <ion-label>优势:</ion-label>
+                    <ion-text>{{ organization.advantages }}</ion-text>
+                  </ion-item>
+                  <ion-item>
+                    <ion-label>案例:</ion-label>
+                    <ion-text>{{ organization.cases }}</ion-text>
+                  </ion-item>
+                </ion-list>
+              </ion-card-content>
+            </ion-card>
+            <!-- 设计师团队 -->
+            <ion-card>
+              <ion-card-header>
+                设计师团队
+              </ion-card-header>
+              <ion-card-content>
+                <!-- 展示机构的设计师团队 -->
+              </ion-card-content>
+            </ion-card>
+            <!-- 案例展示 -->
+            <ion-card>
+              <ion-card-header>
+                案例展示
+              </ion-card-header>
+              <ion-card-content>
+                <!-- 展示机构完成的装修案例 -->
+              </ion-card-content>
+            </ion-card>
+            <!-- 设计理念 -->
+            <ion-card>
+              <ion-card-header>
+                设计理念
+              </ion-card-header>
+              <ion-card-content>
+                <!-- 展示机构的设计理念和风格 -->
+              </ion-card-content>
+            </ion-card>
+            <!-- 服务流程 -->
+            <ion-card>
+              <ion-card-header>
+                服务流程
+              </ion-card-header>
+              <ion-card-content>
+                <!-- 展示机构的装修流程和服务标准 -->
+              </ion-card-content>
+            </ion-card>
+            <!-- 用户评价 -->
+            <ion-card>
+              <ion-card-header>
+                用户评价
+              </ion-card-header>
+              <ion-card-content>
+                <!-- 展示用户对机构的评价 -->
+              </ion-card-content>
+            </ion-card>
+            <!-- 底部按钮 -->
+            <ion-button expand="full">电话</ion-button>
+            <ion-button expand="full">预约</ion-button>
+            <ion-button expand="full">咨询</ion-button>
+            <ion-button expand="full">查看案例</ion-button>
+          </ion-card-content>
+        </ion-card>
+      </div>
     </div>
 
     <!-- 设计师详情页 -->
     <div *ngIf="selectedSegment === 'designer'">
       <!-- 设计师详情页内容 -->
+      <div *ngIf="selectedSegment === 'designer'">
+        <!-- 设计师详情页 -->
+        <ion-card>
+          <ion-card-header>
+            设计师信息
+          </ion-card-header>
+          <ion-card-content>
+            <ion-item>
+              <ion-avatar slot="start">
+                <ion-img src="{{ designer.avatar }}"></ion-img>
+              </ion-avatar>
+              <ion-label>
+                <h2>{{ designer.name }}</h2>
+                <p>{{ designer.specialty }}</p>
+              </ion-label>
+            </ion-item>
+            <ion-item>
+              <ion-label>擅长风格:</ion-label>
+              <ion-text>{{ designer.style }}</ion-text>
+            </ion-item>
+            <ion-item>
+              <ion-label>服务地区:</ion-label>
+              <ion-text>{{ designer.serviceArea }}</ion-text>
+            </ion-item>
+            <ion-item>
+              <ion-label>价格:</ion-label>
+              <ion-text>{{ designer.price }}</ion-text>
+            </ion-item>
+            <ion-item>
+              <ion-label>用户评价:</ion-label>
+              <ion-text>{{ designer.rating }}</ion-text>
+            </ion-item>
+            <!-- 设计师作品展示 -->
+            <ion-card>
+              <ion-card-header>
+                设计师作品
+              </ion-card-header>
+              <ion-card-content>
+                <!-- 展示设计师作品图片和数量 -->
+              </ion-card-content>
+            </ion-card>
+            <!-- 用户评价 -->
+            <ion-card>
+              <ion-card-header>
+                用户评价
+              </ion-card-header>
+              <ion-card-content>
+                <!-- 展示用户对设计师的评价 -->
+              </ion-card-content>
+            </ion-card>
+            <!-- 底部按钮 -->
+            <ion-button expand="full">咨询</ion-button>
+            <ion-button expand="full">电话</ion-button>
+            <ion-button expand="full">在线预约</ion-button>
+            <ion-button expand="full">查看案例</ion-button>
+          </ion-card-content>
+        </ion-card>
+      </div>
     </div>
   </div>
 </ion-content>

src/app/tab2/tab2.page.ts

@@ -17,6 +17,25 @@ export class Tab2Page {
     advantages: '公司优势内容',
     cases: '公司案例内容'
   };
+  organization = {
+    name: '机构名称',
+    starRating: 4.3,
+    reviewCount: 80,
+    description: '机构简介',
+    services: '机构服务内容',
+    advantages: '机构优势内容',
+    cases: '机构案例内容'
+  };
+  designer = {
+    name: '设计师姓名',
+    avatar: 'assets/designer-avatar.jpg',
+    specialty: '设计师专长',
+    style: '设计风格',
+    serviceArea: '服务地区',
+    price: '设计师价格',
+    rating: '用户评价',
+    // 其他设计师信息
+  };
 
   constructor() {}