Save-1

angular.json

@@ -49,8 +49,8 @@
                 },
                 {
                   "type": "anyComponentStyle",
-                  "maximumWarning": "2kb",
-                  "maximumError": "4kb"
+                  "maximumWarning": "10kb",
+                  "maximumError": "15kb"
                 }
               ],
               "fileReplacements": [

src/app/tab2/tab2.page.html

@@ -117,7 +117,7 @@
 
   <ion-card class="coach-card">
       <div class="avatar-container">
-        <img src="/assets/avatars/jiaolian1.jpg" alt="教练头像" class="coach-avatar" />
+        <img src="assets/avatars/jiaolian1.jpg" alt="教练头像" class="coach-avatar" />
       </div>
 
       <ion-card-header>

src/app/tab2/tab2.page.ts

@@ -81,15 +81,15 @@ export class Tab2Page {
         // 对话灵感分类
         let promptCates = [
           {
-            "img": "/assets/icon/yy.jpg",
+            "img": "assets/icon/yy.jpg",
             "name": "有氧"
           },
           {
-            "img": "/assets/icon/jz.jpg",
+            "img": "assets/icon/jz.jpg",
             "name": "减脂"
           },
           {
-            "img": "/assets/icon/zj.jpg",
+            "img": "assets/icon/zj.jpg",
             "name": "增肌"
           }
         ]

src/app/tab4/tab4.page.html

@@ -2,7 +2,9 @@
   <ion-toolbar>
     <ion-buttons slot="start">
       <ion-avatar class="header-avatar" (click)="showLoginAlert()">
+        <div class="avatar-container">
         <ion-icon name="person" class="avatar-icon"></ion-icon>
+        </div>
       </ion-avatar>
     </ion-buttons>
 

src/app/tab4/tab4.page.scss

@@ -4,7 +4,37 @@ ion-toolbar {
     --padding-top: 12px;
     --padding-bottom: 8px;
   }
-  
+  .header-avatar {
+  width: 40px;
+  height: 40px;
+  margin-right: 12px;
+  background: var(--ion-color-primary);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-radius: 50%;
+  overflow: hidden;
+  position: relative;
+
+  .avatar-container {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+
+  .avatar-icon {
+    font-size: 24px;
+    color: white;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: 8px; // 根据需要调整
+  }
+}
   .user-info {
     text-align: center;
     padding: 0 16px;
@@ -281,4 +311,4 @@ ion-toolbar {
       --padding-end: 0;
       --color: #333;
     }
-  }
+  }