optimize the navigation bar

MindOCApp/src/app/tabs/tabs.page.html

@@ -16,7 +16,7 @@
     <!-- AI守护 -->
     <ion-tab-button tab="ai">
       <ion-icon name="heart-circle"></ion-icon>
-      <ion-label>AI伙伴</ion-label>
+      <ion-label>AI守护</ion-label>
     </ion-tab-button>
   </ion-tab-bar>
 </ion-tabs>

MindOCApp/src/app/tabs/tabs.page.scss

@@ -14,7 +14,8 @@
       overflow: visible;
       position: relative;
       transition: all var(--transition-duration) cubic-bezier(0.4, 0, 0.2, 1);
-  
+      font-size: 13px;
+
       /* 光晕背景动画 */
       &::before {
         content: '';
@@ -46,6 +47,7 @@
       }
   
       ion-icon {
+        font-size: 28px;
         position: relative;
         z-index: 1;
         transition: 

MindOCApp/src/app/tabs/tabs.page.ts

@@ -1,4 +1,6 @@
 import { Component } from '@angular/core';
+import { addIcons } from 'ionicons';
+import { leaf, gameController, heartCircle } from 'ionicons/icons';
 
 @Component({
   selector: 'app-tabs',
@@ -8,6 +10,9 @@ import { Component } from '@angular/core';
 })
 export class TabsPage {
 
-  constructor() {}
+  constructor() {
+    // 加载所有使用的图标
+    addIcons({ leaf, gameController, heartCircle });
+  }
 
 }