Browse Source

界面美化1.1

0210071 4 months ago
parent
commit
3a3928851a
3 changed files with 21 additions and 3 deletions
  1. 7 0
      src/app/tab1/tab1.page.html
  2. 3 3
      src/app/tab2/tab2.page.html
  3. 11 0
      src/app/tab2/tab2.page.scss

+ 7 - 0
src/app/tab1/tab1.page.html

@@ -147,6 +147,13 @@
   </ion-card-content>
 </ion-card>
 
+<<<<<<< HEAD
+=======
+
+=======
+>>>>>>
+>>>>>>
+>>>>>>> 4687652443d467717032ed11fa6fcc483f55467d
   <!-- 右下角上传按钮 -->
   <ion-fab vertical="bottom" horizontal="end" slot="fixed">
     <ion-fab-button (click)="uploadFiles()">

+ 3 - 3
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>

+ 11 - 0
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;
   }