Merge branch 'master' of http://git.fmode.cn:3000/0225273/APPmy

src/app/tab2/tab2.page.html

@@ -29,7 +29,7 @@
     <!-- 装修公司详情页 -->
     <div *ngIf="selectedSegment === 'company'">
       <!-- 装修公司详情页 -->
-      <ion-card>
+      <ion-card *ngFor="let company of companies">
         <ion-card-header>
           公司名称: {{ company.name }}
         </ion-card-header>
@@ -66,62 +66,13 @@
                   <ion-text>{{ company.cases }}</ion-text>
                 </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-card-content>
           </ion-card>
-          <!-- 服务项目 -->
-          <ion-card>
-            <ion-card-header>
-              服务项目
-            </ion-card-header>
-            <ion-card-content>
-              <ion-list>
-                <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>
-          <!-- 案例展示 -->
-          <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>

src/app/tab2/tab2.page.ts

@@ -8,16 +8,36 @@ import { Component } from '@angular/core';
 })
 export class Tab2Page {
   selectedSegment: string = 'company';
-  company = {
-    name: '公司名称',
-    starRating: 4.5,
-    reviewCount: 100,
-    description: '公司简介',
-    services: '公司提供的服务',
-    advantages: '公司的优势',
-    cases: '公司的案例',
-    // 其他公司信息
-  };
+  companies = [
+    {
+      name: '装修公司A',
+      starRating: 4.7,
+      reviewCount: 150,
+      description: '装修公司A的简介',
+      services: '全方位装修服务',
+      advantages: '专业团队、高品质材料',
+      cases: '装修公司A的案例'
+    },
+    {
+      name: '装修公司B',
+      starRating: 4.5,
+      reviewCount: 120,
+      description: '装修公司B的简介',
+      services: '创意设计、个性定制',
+      advantages: '专业设计师、创新理念',
+      cases: '装修公司B的案例'
+    },
+    {
+      name: '装修公司C',
+      starRating: 4.5,
+      reviewCount: 120,
+      description: '装修公司C的简介',
+      services: '创意设计、个性定制',
+      advantages: '专业设计师、创新理念',
+      cases: '装修公司B的案例'
+    }
+    // 添加更多装修公司信息
+  ];
   agency = {
     name: '机构名称',
     starRating: 4.4,

src/app/tab3/tab3.page.html

@@ -45,7 +45,7 @@
   </ion-card>
 </ion-content>
 
-<ion-footer>
+<!--<ion-footer>
   <ion-toolbar>
     <ion-buttons slot="start">
       <ion-button routerLink="/tabs/tab1">
@@ -72,4 +72,4 @@
       </ion-button>
     </ion-buttons>
   </ion-toolbar>
-</ion-footer>
+</ion-footer>-->

src/app/tab4/tab4.page.html

@@ -4,37 +4,81 @@
     <ion-buttons slot="end">
       <ion-button (click)="openFeedbackPage()">
         <ion-icon name="chatbubble-ellipses-outline"></ion-icon>
+        <ion-label>反馈</ion-label>
       </ion-button>
+      
       <ion-button (click)="openSettingsPage()">
         <ion-icon name="settings-outline"></ion-icon>
+        <ion-label>设置</ion-label>
       </ion-button>
     </ion-buttons>
   </ion-toolbar>
 </ion-header>
 
+
 <ion-content>
-  <ion-card>
     <ion-card-content>
-      <ion-avatar>
+      <ion-avatar style="margin-left:15px;margin-top:15px; transform:scale(1.5)">
         <img src="https://ionicframework.com/docs/img/demos/avatar.svg" alt="User Avatar">
       </ion-avatar>
-      <ion-label>登录/注册</ion-label>
+      <ion-label style="margin-left:15px;margin-top:15px;font-size:20px">登录/注册</ion-label>
     </ion-card-content>
-  </ion-card>
-  <ion-segment scrollable>
-    <ion-segment-button value="followings">关注的人</ion-segment-button>
-    <ion-segment-button value="creators">创作者中心</ion-segment-button>
-    <ion-segment-button value="ai">AI焕新家</ion-segment-button>
-    <ion-segment-button value="diagnosis">户型诊断</ion-segment-button>
-    <ion-segment-button value="circles">我的圈子</ion-segment-button>
-    <ion-segment-button value="my-followings">我的关注</ion-segment-button>
-    <ion-segment-button value="my-orders">我的订单</ion-segment-button>
-    <ion-segment-button value="decor-assistant">装修助手</ion-segment-button>
-    <ion-segment-button value="apply-verification">申请认证</ion-segment-button>
+      
+    
+
+  <ion-card>
+    <ion-card-content>
+    <ion-segment scrollable>
+    <ion-segment-button value="followings">
+      <ion-icon name="people-outline"></ion-icon>
+      关注的人
+    </ion-segment-button>
+    <ion-segment-button value="creators">
+      <ion-icon name="brush-outline"></ion-icon>
+      创作者中心
+    </ion-segment-button>
+    <ion-segment-button value="ai">
+      <ion-icon name="color-wand-outline"></ion-icon>
+      AI焕新家
+    </ion-segment-button>
+    <ion-segment-button value="diagnosis">
+      <ion-icon name="map-outline"></ion-icon>
+      户型诊断
+    </ion-segment-button>
+    <ion-segment-button value="circles">
+      <ion-icon name="chatbubbles-outline"></ion-icon>
+      我的圈子
+    </ion-segment-button>
+    <ion-segment-button value="my-followings">
+      <ion-icon name="heart-outline"></ion-icon>
+      我的关注
+    </ion-segment-button>
+    <ion-segment-button value="my-orders">
+      <ion-icon name="receipt-outline"></ion-icon>
+      我的订单
+    </ion-segment-button>
+    <ion-segment-button value="decor-assistant">
+      <ion-icon name="hammer-outline"></ion-icon>
+      装修助手
+    </ion-segment-button>
+    <ion-segment-button value="apply-verification">
+      <ion-icon name="shield-checkmark-outline"></ion-icon>
+      申请认证
+    </ion-segment-button>
   </ion-segment>
+    </ion-card-content>
+  </ion-card>
+  
+  
+    <ion-card-content style="justify-content: space-around">
+      <p (click)="showContent('发布')">发布</p>
+      <p (click)="showContent('收藏')">收藏</p>
+      <p (click)="showContent('点赞')">点赞</p>
+      <p (click)="showContent('浏览')">浏览</p>
+    </ion-card-content>
+  
 
-  <ion-button>发布</ion-button>
-  <ion-button>收藏</ion-button>
-  <ion-button>点赞</ion-button>
-  <ion-button>浏览</ion-button>
+  <div class="content-area">
+    {{ selectedContent }}
+  </div>
 </ion-content>

src/app/tab4/tab4.page.scss

@@ -1,7 +1,8 @@
 ion-card {
     margin: 10px;
+    top:8px;
   }
-  
+
   ion-card-content {
     display: flex;
     align-items: center;
@@ -16,6 +17,24 @@ ion-card {
   }
   
   ion-button {
-    margin: 5px;
+    margin: 15px;
   }
-  
+
+ion-segment-button {
+  font-size: 15px; /* 设置按钮字体大小为20px，让按钮整体看起来更大 */
+  padding: 5px 20px; /* 设置按钮内边距，增加按钮的大小 */
+}
+ion-segment {
+  --padding-start: 0; /* 设置起始内边距为0，让按钮靠左对齐 */
+  --padding-end: 0; /* 设置结束内边距为0，让按钮靠右对齐 */
+  overflow-x: auto; /* 水平滚动 */
+  scrollbar-width: none; /* 隐藏滚动条（适用于部分浏览器） */
+  
+}
+
+p {
+  font-size: 20px; /* 设置文字大小为20px */
+}
+p:active {
+  color: blue; /* 点击后文本颜色变为蓝色 */
+}

src/app/tab4/tab4.page.ts

@@ -8,11 +8,21 @@ import { NavController } from '@ionic/angular';
 })
 export class Tab4Page implements OnInit {
 
-  constructor(private navCtrl: NavController) {}
+  constructor(private navCtrl: NavController) {this.selectedContent = '发布';}
+  selectedContent: string = '';
+
+  showContent(content: string) {
+    if (content === '收藏') {
+      this.selectedContent = '一个作品都没有';
+    } else {
+      this.selectedContent = content;
+    }
+  }
 
   openFeedbackPage() {
     // 打开反馈页面
   }
+  
 
   openSettingsPage() {
     // 打开设置页面