Procházet zdrojové kódy

调整注册页的router-link

丸子 před 2 měsíci
rodič
revize
48f0f2df63
1 změnil soubory, kde provedl 7 přidání a 9 odebrání
  1. 7 9
      src/views/RegisterLogin.vue

+ 7 - 9
src/views/RegisterLogin.vue

@@ -60,7 +60,7 @@
             <!-- 注册按钮 -->
             <el-form-item>
               <div class="login-btn-container">
-                <el-button @click="goBackToLogin" link class="register-link">已有账号,去登录</el-button>
+                <router-link to="" @click.prevent="goBackToLogin" class="register-link">已有账号,去登录</router-link>
                 <el-button @click="handleRegister" class="login-btn" type="primary">注册</el-button>
               </div>
             </el-form-item>
@@ -315,25 +315,23 @@ const handleRegister = async () => {
 .login-btn-container {
   width: 100%;
   display: flex;
-  justify-content: flex-end;
+  justify-content: space-between;
+  align-items: center;
 }
 .register-link {
   color: black;
-  font-size: rpx(6);
+  font-size: rpx(7);
   text-decoration: none;
-  position: absolute;
-  left: rpx(8);
-  bottom: rpx(10);
 }
 .register-link:hover {
   text-decoration: underline;
 }
 .login-btn {
-  width: rpx(70); /* 缩小宽度 */
-  height: rpx(25);
+  width: rpx(65); /* 缩小宽度 */
+  height: rpx(20);
   color: black;
   font-size: rpx(9);
-  letter-spacing: rpx(5); /* 调整字间距以适应较小宽度 */
+  letter-spacing: rpx(4); /* 调整字间距以适应较小宽度 */
   border-radius: rpx(5);
   margin: 0;
   border: none;