perf: 优化登录页切换修改密码

portal-manager-ui/admin/src/views/signIn/signIn.vue

@@ -103,6 +103,13 @@
                       @click="handleSubmit"
                       >登录</a-button
                     >
+                    <!-- <div class="text-right">
+                      <span
+                        class="text-[#0857e8] cursor-pointer"
+                        @click="switchover(1)"
+                        >修改密码</span
+                      >
+                    </div> -->
                   </a-form-model-item>
                 </a-form-model>
               </div>
@@ -114,8 +121,8 @@
                   class="w-[74px] mb-[20px]"
                   src="@/assets/images/logo.png"
                 />
-                <p class="login-text text-[40px] mb-[20px]">请修改密码</p>
-                <p class="login-text text-[32px] mb-[30px]">
+                <p class="login-text text-[40px] mb-[10px]">请修改密码</p>
+                <p class="login-text text-[32px] mb-[10px]">
                   密码有效期为三个月
                 </p>
                 <a-form-model
@@ -238,6 +245,13 @@
                       @click="changePwd"
                       >确认</a-button
                     >
+                    <div class="text-right">
+                      <span
+                        class="text-[#0857e8] cursor-pointer"
+                        @click="switchover(0)"
+                        >返回登录</span
+                      >
+                    </div>
                   </a-form-model-item>
                 </a-form-model>
               </div>
@@ -365,7 +379,7 @@ export default {
       this.mySwiper = new Swiper(".mySwiper", {
         effect: "cube", // 方块动画
         speed: 1000, // 时长
-        // simulateTouch: false, //是否允许鼠标滑动切换
+        simulateTouch: false, //是否允许鼠标滑动切换
         grabCursor: false, // 手形鼠标
         shortSwipes: false,
         cubeEffect: {
@@ -473,6 +487,11 @@ export default {
       fn(menus);
       return urls;
     },
+    switchover(page = 0) {
+      if (this.mySwiper) {
+        this.mySwiper.slideTo(page);
+      }
+    },
   },
 };
 </script>