feat: 聊天界面修改&登录界面样式修改

src/views/login/WelcomePage.vue

@@ -1,9 +1,15 @@
 <template>
   <div class="welcome-page safe-area-top safe-area-bottom">
     <div class="content">
-      <div class="title">AI STYLING <br/> ASSISTANT</div>
+      <div class="title">
+        AI STYLING <br />
+        ASSISTANT
+      </div>
       <p class="subtitle">Redefine the styling experience with AI.</p>
-      <div class="sign-btn" @click="goToSignup">Sign up</div>
+      <div class="btn-container flex">
+        <div class="log btn" @click="goToLogin">Log in</div>
+        <div class="sign btn" @click="goToSignup">Sign up</div>
+      </div>
     </div>
   </div>
 </template>
@@ -14,6 +20,10 @@ import { useRouter } from 'vue-router'
 const router = useRouter()
 
 const goToSignup = () => {
+  router.push('/signup')
+}
+
+const goToLogin = () => {
   router.push('/login')
 }
 </script>
@@ -22,7 +32,7 @@ const goToSignup = () => {
 .welcome-page {
   width: 100%;
   height: 100%;
-  background: url('/src/assets/images/entry_bg.png') no-repeat center center;
+  background: url('/src/assets/images/welcome_bg.png') no-repeat center center;
   background-size: cover;
   padding-left: 10rem;
   display: flex;
@@ -37,27 +47,34 @@ const goToSignup = () => {
   font-size: 8rem;
   color: #fff;
   font-weight: 400;
-  padding-bottom: 20rem;
-  .title{
+  margin-bottom: 31.5rem;
+  .title {
     font-family: 'boskaRegular';
-    line-height: 7.55rem;
+    line-height: 93%;
+    letter-spacing: -0.02em;
   }
-  .subtitle{
-    font-size: 3rem;
+  .subtitle {
+    font-size: 3.2rem;
     font-family: 'satoshiRegular';
-    margin: 2rem 0;
+    margin: 3.2rem 0 6rem;
+    list-style: 124%;
+    letter-spacing: 0.08em;
   }
-  .sign-btn{
-   background: transparent;
-   color: #fff;
-   width: 25rem;
-   font-size: 3rem;
-   height: 5rem;
-   line-height: 5rem;
-   border: 1px solid #fff;
-   text-align: center;
-  //  padding: 2rem 1.3rem;
-   box-sizing: content-box;
+  .btn-container {
+    column-gap: 3rem;
+    .btn {
+      background: transparent;
+      color: #fff;
+      width: 23.9rem;
+      font-size: 3rem;
+      height: 6.05rem;
+      line-height: 6.05rem;
+      border: 1px solid #fff;
+      text-align: center;
+      //  padding: 2rem 1.3rem;
+      box-sizing: content-box;
+      font-family: 'satoshiRegular';
+    }
   }
 }
 </style>