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