tab2

src/app/tab2/tab2.page.html

@@ -45,33 +45,38 @@
             <ion-label>公司简介:</ion-label>
             <ion-text>{{ company.description }}</ion-text>
           </ion-item>
-          <!-- 公司介绍 -->
-          <ion-card>
+          <!-- 公司服务 -->
+          <ion-card class="concept-card">
+            <ion-card-header>
+              公司服务:
+            </ion-card-header>
+            <ion-card-content>
+              <ion-text [innerHTML]="formatHtmlContent(company.services)"></ion-text>
+            </ion-card-content>
+          </ion-card>
+          <!-- 公司优势 -->
+          <ion-card class="concept-card">
+            <ion-card-header>
+              公司优势:
+            </ion-card-header>
+            <ion-card-content>
+              <ion-text [innerHTML]="formatHtmlContent(company.advantages)"></ion-text>
+            </ion-card-content>
+          </ion-card>
+          <!-- 公司案例 -->
+          <ion-card class="concept-card">
             <ion-card-header>
-              公司介绍
+              公司案例:
             </ion-card-header>
             <ion-card-content>
-              <ion-list>
-                <ion-item>
-                  <ion-label>公司服务:</ion-label>
-                  <ion-text [innerHTML]="formatHtmlContent(company.services)"></ion-text>
-                </ion-item>
-                <ion-item>
-                  <ion-label>公司优势:</ion-label>
-                  <ion-text [innerHTML]="formatHtmlContent(company.advantages)"></ion-text>
-                </ion-item>
-                <ion-item>
-                  <ion-label>公司案例:</ion-label>
-                  <ion-text [innerHTML]="formatHtmlContent(company.cases)"></ion-text>
-                </ion-item>
-              </ion-list>
-            <!-- 底部按钮 -->
+              <ion-text>{{ company.cases }}</ion-text>
+            </ion-card-content>
+          </ion-card>
+          <!-- 底部按钮 -->
           <ion-button expand="full" color="secondary">电话</ion-button>
           <ion-button expand="full" color="secondary">预约</ion-button>
           <ion-button expand="full" color="secondary">咨询</ion-button>
           <ion-button expand="full" color="secondary">查看案例</ion-button>
-            </ion-card-content>
-          </ion-card>
         </ion-card-content>
       </ion-card>
     </div>
@@ -189,52 +194,51 @@
   </div>
 
     <!-- 设计师详情页 -->
-    <div *ngIf="selectedSegment === 'designer'">
-      <!-- 设计师详情页 -->
-      <ion-card *ngFor="let designer of designers">
-        <!-- 头部 -->
-        <ion-card-header>
-          <ion-avatar>
-            <img src="{{ designer.avatar }}" alt="Designer Avatar">
-          </ion-avatar>
-          <ion-card-title>{{ designer.username }}</ion-card-title>
-          <ion-button fill="outline" slot="end">关注</ion-button>
-        </ion-card-header>
-        <ion-card-content>
-          <p>{{ designer.bio }}</p>
-        </ion-card-content>
-    
-        <!-- 内容 -->
-        <ion-card-content>
-          <ion-img [src]="designer.portfolioImage" alt="Designer Portfolio"></ion-img>
-          <ion-item>
-            <ion-label>作品数量:</ion-label>
-            <ion-text>{{ designer.portfolioCount }}</ion-text>
-          </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-content>
-    
-        <!-- 底部 -->
-          <ion-button expand="full" fill="outline">咨询</ion-button>
-          <ion-button expand="full" fill="outline">电话</ion-button>
-          <ion-button expand="full" fill="outline">在线预约</ion-button>
-          <ion-button expand="full" fill="outline">查看案例</ion-button>
-      </ion-card>
-    </div>
-  </div>
+<div *ngIf="selectedSegment === 'designer'">
+  <ion-card *ngFor="let designer of designers">
+    <!-- 头部 -->
+    <ion-card-header>
+      <ion-avatar>
+        <img [src]="designer.avatar" alt="Designer Avatar">
+      </ion-avatar>
+      <ion-card-title>{{ designer.username }}</ion-card-title>
+      <ion-button fill="outline" slot="end">关注</ion-button>
+    </ion-card-header>
+    <ion-card-content>
+      <p>{{ designer.bio }}</p>
+    </ion-card-content>
+
+    <!-- 内容 -->
+    <ion-card-content>
+      <ion-img [src]="designer.portfolioImage" alt="Designer Portfolio"></ion-img>
+      <ion-item>
+        <ion-label>作品数量:</ion-label>
+        <ion-text>{{ designer.portfolioCount }}</ion-text>
+      </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-content>
+
+    <!-- 底部 -->
+    <ion-button expand="full" fill="outline">咨询</ion-button>
+    <ion-button expand="full" fill="outline">电话</ion-button>
+    <ion-button expand="full" fill="outline">在线预约</ion-button>
+    <ion-button expand="full" fill="outline">查看案例</ion-button>
+  </ion-card>
+</div>
+</div>
 </ion-content>

src/app/tab2/tab2.page.ts

@@ -84,6 +84,13 @@ export class Tab2Page {
         // 添加更多案例
       ],
       designers: [
+        {
+          avatar: 'designer1.jpg',
+          name: '设计师A',
+          style: '现代风格',
+          serviceArea: '城市A',
+          price: '1'
+        },
         {
           avatar: 'designer1.jpg',
           name: '设计师A',
@@ -283,9 +290,9 @@ export class Tab2Page {
   designers = [
     {
       username: '李宛如',
-      avatar: 'assets/designer1.jpg',
+      avatar: 'Assets\img\designer1.jpg',
       bio: '李宛如是一位充满创意和激情的室内设计师，擅长将空间转化为舒适且具有个性的居住环境。她注重细节，追求完美，致力于为客户打造独一无二的家居体验。',
-      portfolioImage: 'assets/portfolio1.jpg',
+      portfolioImage: 'Assets\img\designer1.jpg',
       portfolioCount: 50,
       style: '现代简约、北欧风格',
       serviceArea: '北京',