界面优化

src/app/tab1/tab1.page.html

@@ -128,7 +128,7 @@
 
 =======
 >>>>>>
->>>>>>> 5c0bf56fd16d962ee0d7badd095d072b8a73a689
+>>>>>>
   <!-- 右下角上传按钮 -->
   <ion-fab vertical="bottom" horizontal="end" slot="fixed">
     <ion-fab-button (click)="uploadFiles()">

src/app/tab2/tab2.page.html

@@ -9,21 +9,21 @@
   <ion-toolbar >
     <ion-searchbar [(ngModel)]="searchText" placeholder="搜索联系人"></ion-searchbar>
     <ion-buttons slot="end">
-      <ion-button (click)="openMessages()">
+      <ion-button (click)="openMessages()" color="medium">
         <ion-icon name="mail"></ion-icon>
       </ion-button>
     </ion-buttons>
   </ion-toolbar>
   </div>
 
-  <ion-card *ngFor="let contact of filterContacts()">
+  <ion-card *ngFor="let contact of filterContacts()" class="custom-card">
     <ion-card-header>
       <ion-card-subtitle (click)="goContact()">继承人姓名</ion-card-subtitle>
       <ion-card-title>{{ contact.name }}</ion-card-title>
     </ion-card-header>
     <ion-card-content>
       <ion-list>
-        <ion-item>
+        <ion-item  style="background-color: var(--custom-background-color);">
           <ion-label>继承人电话</ion-label>
           <ion-text color="dark">{{ contact.phone }}</ion-text>
         </ion-item>

src/app/tab2/tab2.page.scss

@@ -19,4 +19,15 @@
   
   ion-toolbar.search-toolbar ion-searchbar {
     margin-top: 20px;
+  }
+
+  .custom-card {
+    background-color: #fdf9e6; /* 设置背景颜色为浅粉色 */
+  }
+
+  .custom-item {
+    background-color: #fdf9e6; /* 设置背景颜色为浅粉色 */
+  }
+  :root {
+    --custom-background-color: #fdf9e6;
   }