细节完善

src/App.vue

@@ -74,7 +74,7 @@ watch(
     min-height: auto;
   }
   @include media-breakpoint-only(md) {
-    // padding-bottom: 0;
+    padding-bottom: 0;
   }
   @include media-breakpoint-up(lg) {
     padding-bottom: 64px;

src/pages/login/index.vue

@@ -1,8 +1,8 @@
 <template>
   <div v-if="!showSurprise" class="p-login">
-    <div class="nav-home">
+    <router-link class="nav-home" to="/">
       <i class="icon"></i><span class="text">HOME</span>
-    </div>
+    </router-link>
     <div class="logo"></div>
     <div class="container">
       <div class="ptc-form">

src/pages/password/index.vue

@@ -105,7 +105,7 @@ function next() {
   .step {
     margin-top: 98px;
     padding: 0 76px;
-    @include media-breakpoint-up(lg) {
+    @include media-breakpoint-up(md) {
       min-height: 1084px - 98px;
     }
   }

src/pages/register/index.vue

@@ -1,8 +1,8 @@
 <template>
   <div class="p-register">
-    <div class="nav-home">
+    <router-link class="nav-home" to="/">
       <i class="icon"></i><span class="text">HOME</span>
-    </div>
+    </router-link>
     <div class="logo"></div>
     <div class="container">
       <div class="ptc-form">

src/router.ts

@@ -2,6 +2,9 @@ import { createRouter, createWebHistory } from 'vue-router'
 
 export default createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
+  scrollBehavior() {
+    return { top: 0, left: 0 }
+  },
   routes: [
     {
       path: '/login',

src/style/components.scss

@@ -39,6 +39,9 @@
   margin-bottom: 24px;
   padding: 48px 36px;
   background: #fff;
+  &:last-child {
+    margin-bottom: 0;
+  }
   @include media-breakpoint-up(md) {
     padding: 64px 0;
   }

src/style/login.scss

@@ -35,7 +35,7 @@
   }
 
   .container {
-    margin: auto;
+    margin: 0 auto 48px;
     padding: 48px 36px 54px;
     width: 670px;
     border-radius: 8px;