feat:修改了登录注册界面的样式

docs-prod/schema.md

@@ -87,7 +87,7 @@
 @startuml
 
 class User {
-    +objectId: String
+    +objectId: String //唯一标识符
     +createdAt: Date
     +username: String
     +email: String

travel-app/src/app/login/login.component.html

@@ -35,12 +35,11 @@
     }
     <ion-card-content>
       @if(!currentUser?.id){
-      <ion-button expand="block" (click)="signup()">注册</ion-button>
-      <ion-button expand="block" (click)="login()">登录</ion-button>
+      <ion-button expand="block" (click)="signup()" class="register">注册</ion-button>
+      <ion-button expand="block" (click)="login()" class="login">登录</ion-button>
       } @if(currentUser?.id){
-      <ion-button expand="block" (click)="editUser()">编辑资料</ion-button>
-      <ion-button expand="block" (click)="logout()" color="light"
-        >登出</ion-button
+      <ion-button expand="block" (click)="editUser()" class="edit">编辑资料</ion-button>
+      <ion-button expand="block" (click)="logout()" color="light" class="logout">登出</ion-button
       >
       }
     </ion-card-content>

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

@@ -0,0 +1,12 @@
+.register {
+    --background: #d0a87d; // 替换#your-color-code为你想要的颜色
+  }
+.login {
+--background: #d0a87d; // 替换#your-color-code为你想要的颜色
+}
+.edit {
+--background: #d0a87d; // 替换#your-color-code为你想要的颜色
+}
+.logout {
+--background: #d0a87d; // 替换#your-color-code为你想要的颜色
+}

travel-app/src/lib/user/modal-user-edit/modal-user-edit.component.html

@@ -27,8 +27,8 @@
       <ion-input [value]="userData['email']" (ionChange)="userDataChange('email',$event)" label="邮箱" placeholder="请您输入邮箱号"></ion-input>
     </ion-item>
 
-   <ion-button expand="block" color="danger" (click)="save()">保存</ion-button>
-   <ion-button expand="block" color="danger" (click)="cancel()">取消</ion-button>
+   <ion-button expand="block" class="save" (click)="save()">保存</ion-button>
+   <ion-button expand="block" class="cancel" (click)="cancel()">取消</ion-button>
  
 
   </ion-card-content>

travel-app/src/lib/user/modal-user-edit/modal-user-edit.component.scss

@@ -0,0 +1,6 @@
+.save {
+    --background: #d0a87d; // 替换#your-color-code为你想要的颜色
+  }
+.cancel {
+--background: #d0a87d; // 替换#your-color-code为你想要的颜色
+}

travel-app/src/lib/user/modal-user-login/modal-user-login.component.html

@@ -27,10 +27,10 @@
       </ion-item>
     }
     @if(type==="login"){
-      <ion-button expand="block"  color="danger" (click)="login()" style="flex: 1; margin-left: 5px;">登录</ion-button>
+      <ion-button expand="block"  class="login" (click)="login()" style="flex: 1; margin-left: 5px;">登录</ion-button>
     }
     @if(type==="signup"){
-      <ion-button expand="block"  color="danger" (click)="signup()" style="flex: 1; margin-right: 5px;">注册</ion-button>
+      <ion-button expand="block"  class="register" (click)="signup()" style="flex: 1; margin-right: 5px;">注册</ion-button>
     }
   </ion-card-content>
 </ion-card>

travel-app/src/lib/user/modal-user-login/modal-user-login.component.scss

@@ -0,0 +1,6 @@
+.register {
+    --background: #d0a87d; // 替换#your-color-code为你想要的颜色
+  }
+.login {
+--background: #d0a87d; // 替换#your-color-code为你想要的颜色
+}