new24

travel-app/src/app/edittag/edittag.component.scss

@@ -1,17 +1,17 @@
 @keyframes rippleEffect {
   0% {
-    background-color: darken(#fefae0, 10%);
+    background-color: darken(#f5ebe0, 10%);
     transform: scale(1);
   }
   100% {
-    background-color: #fefae0;
+    background-color: #f5ebe0;
     transform: scale(1.5);
   }
 }
 
 ion-item {
   --background: #fefae0;
-  --color: #ccd5ae;
+  --color: #d6ccc2;
   --min-height: 80px;
   display: flex;
   flex-direction: column;
@@ -30,7 +30,7 @@ ion-item {
     left: 50%;
     width: 0;
     height: 0;
-    background-color: darken(#fefae0, 10%);
+    background-color: darken(#d6ccc2, 10%);
     border-radius: 50%;
     transform: translate(-50%, -50%) scale(0);
     animation: rippleEffect 0.6s forwards;
@@ -42,7 +42,7 @@ ion-item {
 
   &:hover,
   &:active {
-    --color: #ccd5ae;
+    --color: #d6ccc2;
   }
 
   .card-content {

travel-app/src/app/tab1/tab1.page.html

@@ -18,7 +18,7 @@
     <ion-content>
       <div class="image-container">
         <img
-          src="../../assets/images/tengwangge.png"
+          src="../../assets/img/tengwangge.png"
           alt="Descriptive Image Alt Text"
         />
         <button class="play-button">畅玩南昌</button>
@@ -38,7 +38,7 @@
             <ion-col size="4">
               <app-edittag
                 iconName="compass"
-                label="景点推荐"
+                label="风采推荐"
                 (click)="goViewplacePage()"
               ></app-edittag>
             </ion-col>
@@ -55,7 +55,7 @@
             <ion-col size="4">
               <app-edittag
                 iconName="people"
-                label="一起游玩"
+                label="过往展示"
                 route="/play-with-others"
               ></app-edittag>
             </ion-col>

travel-app/src/app/tab1/tab1.page.scss

@@ -7,7 +7,7 @@ ion-toolbar {
 
 .custom-toolbar {
   --background: transparent;
-  background-color: #fefae0;
+  background-color: #d6ccc2;
   padding: 0 16px;
 }
 
@@ -35,7 +35,7 @@ ion-toolbar {
   flex-direction: column;
   width: 100%;
   height: 100%;
-  background-color: #faedcd;
+  background-color: #f5ebe0;
   padding: 16px;
   overflow: hidden; // 确保内容不会超出圆角区域
 }
@@ -117,8 +117,8 @@ ion-toolbar {
 }
 
 .app-feature-card {
-  --background: #fefae0;
-  --color: #ccd5ae;
+  --background: #f5ebe0;
+  --color: #d6ccc2;
   --min-height: 80px;
   --border-radius: 12px;
   display: flex;
@@ -137,7 +137,7 @@ ion-toolbar {
 
 .app-feature-card:hover,
 .app-feature-card:active {
-  --color: #ccd5ae;
+  --color: #d6ccc2;
   box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
 }