src/app/tab2/tab2.page.html

@@ -1,5 +1,5 @@
 <ion-header>
-  <ion-toolbar color="primary">
+  <ion-toolbar color="light">
     <ion-title>装修</ion-title>
   </ion-toolbar>
 </ion-header>
@@ -30,9 +30,8 @@
     <div *ngIf="selectedSegment === 'company'">
       <!-- 装修公司详情页 -->
       <ion-card *ngFor="let company of companies">
-        <ion-card-header>
-          公司名称: {{ company.name }}
-        </ion-card-header>
+        <ion-card-header><ion-card-title> {{ company.name }}</ion-card-title>
+      </ion-card-header>
         <ion-card-content>
           <ion-item>
             <ion-label>星级评分:</ion-label>
@@ -67,10 +66,10 @@
                 </ion-item>
               </ion-list>
             <!-- 底部按钮 -->
-            <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-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>
@@ -179,10 +178,10 @@
           </ion-card>
   
           <!-- 底部按钮 -->
-          <ion-button expand="full" color="primary">电话</ion-button>
-          <ion-button expand="full" color="primary">预约</ion-button>
-          <ion-button expand="full" color="primary">咨询</ion-button>
-          <ion-button expand="full" color="primary">查看案例</ion-button>
+          <ion-button expand="full" color="tertiary">电话</ion-button>
+          <ion-button expand="full" color="tertiary">预约</ion-button>
+          <ion-button expand="full" color="tertiary">咨询</ion-button>
+          <ion-button expand="full" color="tertiary">查看案例</ion-button>
   
         </ion-card-content>
       </ion-card>

src/app/tab2/tab2.page.ts

@@ -9,7 +9,7 @@ import { Component } from '@angular/core';
 export class Tab2Page {
   companies = [
     {
-      name: '装修公司A',
+      name: '和美空间设计',
       starRating: 4.7,
       reviewCount: 150,
       description: '装修公司A的简介',
@@ -18,7 +18,7 @@ export class Tab2Page {
       cases: '装修公司A的案例'
     },
     {
-      name: '装修公司B',
+      name: '灵感装修工程',
       starRating: 4.5,
       reviewCount: 120,
       description: '装修公司B的简介',
@@ -27,7 +27,34 @@ export class Tab2Page {
       cases: '装修公司B的案例'
     },
     {
-      name: '装修公司C',
+      name: '璞心设计工作室',
+      starRating: 4.5,
+      reviewCount: 120,
+      description: '装修公司C的简介',
+      services: '创意设计、个性定制',
+      advantages: '专业设计师、创新理念',
+      cases: '装修公司B的案例'
+    },
+    {
+      name: '悦居室内设计',
+      starRating: 4.5,
+      reviewCount: 120,
+      description: '装修公司C的简介',
+      services: '创意设计、个性定制',
+      advantages: '专业设计师、创新理念',
+      cases: '装修公司B的案例'
+    },
+    {
+      name: '彩虹装饰工程',
+      starRating: 4.5,
+      reviewCount: 120,
+      description: '装修公司C的简介',
+      services: '创意设计、个性定制',
+      advantages: '专业设计师、创新理念',
+      cases: '装修公司B的案例'
+    },
+    {
+      name: '素雅装饰设计',
       starRating: 4.5,
       reviewCount: 120,
       description: '装修公司C的简介',
@@ -41,7 +68,7 @@ export class Tab2Page {
   
   designCompanies = [
     {
-      name: '设计机构X',
+      name: '源境设计工作室',
       starRating: 4.8,
       reviewCount: 200,
       description: '设计机构X的简介',
@@ -77,7 +104,136 @@ export class Tab2Page {
       ]
     },
     {
-      name: '设计机构Y',
+      name: '创意天地设计',
+      starRating: 4.5,
+      reviewCount: 150,
+      description: '设计机构Y的简介',
+      services: '建筑设计、室内设计',
+      advantages: '专业团队、精细施工',
+      cases: [
+        {
+          image: 'case2.jpg',
+          description: '案例描述2',
+          style: '现代简约风格'
+        },
+        // 添加更多案例
+      ],
+      designers: [
+        {
+          avatar: 'designer2.jpg',
+          name: '设计师B',
+          style: '简约风格',
+          serviceArea: '城市B',
+          price: '$$'
+        },
+        {
+          avatar: 'designer2.jpg',
+          name: '设计师B',
+          style: '简约风格',
+          serviceArea: '城市B',
+          price: '$$'
+        },
+        // 添加更多设计师
+      ],
+      designConcept: '设计理念描述',
+      serviceProcess: '服务流程描述',
+      userReviews: [
+        {
+          text: '用户评价2',
+          image: 'review2.jpg',
+          starRating: 4
+        },
+        // 添加更多用户评价
+      ]
+    },
+    {
+      name: '艺境空间设计',
+      starRating: 4.5,
+      reviewCount: 150,
+      description: '设计机构Y的简介',
+      services: '建筑设计、室内设计',
+      advantages: '专业团队、精细施工',
+      cases: [
+        {
+          image: 'case2.jpg',
+          description: '案例描述2',
+          style: '现代简约风格'
+        },
+        // 添加更多案例
+      ],
+      designers: [
+        {
+          avatar: 'designer2.jpg',
+          name: '设计师B',
+          style: '简约风格',
+          serviceArea: '城市B',
+          price: '$$'
+        },
+        {
+          avatar: 'designer2.jpg',
+          name: '设计师B',
+          style: '简约风格',
+          serviceArea: '城市B',
+          price: '$$'
+        },
+        // 添加更多设计师
+      ],
+      designConcept: '设计理念描述',
+      serviceProcess: '服务流程描述',
+      userReviews: [
+        {
+          text: '用户评价2',
+          image: 'review2.jpg',
+          starRating: 4
+        },
+        // 添加更多用户评价
+      ]
+    },
+    {
+      name: '星辰创意设计室',
+      starRating: 4.5,
+      reviewCount: 150,
+      description: '设计机构Y的简介',
+      services: '建筑设计、室内设计',
+      advantages: '专业团队、精细施工',
+      cases: [
+        {
+          image: 'case2.jpg',
+          description: '案例描述2',
+          style: '现代简约风格'
+        },
+        // 添加更多案例
+      ],
+      designers: [
+        {
+          avatar: 'designer2.jpg',
+          name: '设计师B',
+          style: '简约风格',
+          serviceArea: '城市B',
+          price: '$$'
+        },
+        {
+          avatar: 'designer2.jpg',
+          name: '设计师B',
+          style: '简约风格',
+          serviceArea: '城市B',
+          price: '$$'
+        },
+        // 添加更多设计师
+      ],
+      designConcept: '设计理念描述',
+      serviceProcess: '服务流程描述',
+      userReviews: [
+        {
+          text: '用户评价2',
+          image: 'review2.jpg',
+          starRating: 4
+        },
+        // 添加更多用户评价
+      ]
+    },
+    {
+      name: '创意空间探索所',
       starRating: 4.5,
       reviewCount: 150,
       description: '设计机构Y的简介',
@@ -125,26 +281,59 @@ export class Tab2Page {
   
   designers = [
     {
-      username: '设计师A',
+      username: '李宛如',
       avatar: 'assets/designer1.jpg',
-      bio: '设计师A的简介',
+      bio: '李宛如是一位充满创意和激情的室内设计师，擅长将空间转化为舒适且具有个性的居住环境。她注重细节，追求完美，致力于为客户打造独一无二的家居体验。',
       portfolioImage: 'assets/portfolio1.jpg',
-      portfolioCount: 10,
-      style: '现代风格',
+      portfolioCount: 50,
+      style: '现代简约、北欧风格',
       serviceArea: '北京',
-      price: '100-200元/平米',
+      price: '平均每平米价格为1000元',
       rating: 4.8
     },
     {
-      username: '设计师B',
+      username: '张晨光',
       avatar: 'assets/designer2.jpg',
-      bio: '设计师B的简介',
+      bio: '张晨光是一位充满创意和热情的室内设计师，擅长将空间与艺术相融合，为客户打造独特、舒适的家居环境。',
       portfolioImage: 'assets/portfolio2.jpg',
-      portfolioCount: 8,
-      style: '简约风格',
+      portfolioCount: 80,
+      style: '现代简约、工业风格',
       serviceArea: '上海',
-      price: '150-250元/平米',
+      price: '平均每平米价格为1500元',
+      rating: 4.6
+    },
+    {
+      username: '王梦洁',
+      avatar: 'assets/designer2.jpg',
+      bio: '王梦洁是一位注重细节和品质的室内设计师，擅长通过色彩和材质搭配打造温馨、时尚的居住空间。',
+      portfolioImage: 'assets/portfolio2.jpg',
+      portfolioCount: 60,
+      style: '北欧风格、现代简约',
+      serviceArea: '广州',
+      price: '平均每平米价格为1200元',
+      rating: 4.5
+    },
+    {
+      username: '刘阳光',
+      avatar: 'assets/designer2.jpg',
+      bio: '刘阳光是一位富有创意和想象力的室内设计师，致力于为客户打造个性化、独特的空间体验。',
+      portfolioImage: 'assets/portfolio2.jpg',
+      portfolioCount: 45,
+      style: '中式风格、现代简约',
+      serviceArea: '成都',
+      price: '平均每平米价格为1000元',
       rating: 4.6
+    },
+    {
+      username: '陈思慧',
+      avatar: 'assets/designer2.jpg',
+      bio: ' 陈思慧是一位充满激情和创意的室内设计师，专注于打造具有个性和温暖感的居家空间，致力于为客户提供高品质的设计服务。',
+      portfolioImage: 'assets/portfolio2.jpg',
+      portfolioCount: 70,
+      style: '现代简约、地中海风格',
+      serviceArea: '广州',
+      price: '平均每平米价格为1300元',
+      rating: 4.8
     }
     // 添加更多设计师信息
   ];