From fa821ce7a7755dd0e13897cefc57071d4596431b Mon Sep 17 00:00:00 2001
From: jhzh <1628036192@qq.com>
Date: Wed, 14 Jan 2026 17:51:42 +0800
Subject: [PATCH] 1
---
src/page/login/register.vue | 94 ++++++++++++++++++++++++-----------------------
1 files changed, 48 insertions(+), 46 deletions(-)
diff --git a/src/page/login/register.vue b/src/page/login/register.vue
index 59b7f2d..ccffe35 100644
--- a/src/page/login/register.vue
+++ b/src/page/login/register.vue
@@ -65,7 +65,7 @@
<input :placeholder="$t('jy311')" v-model="phone" class="field-input" />
</div>
</div>
-
+
<div class="form-field">
<label class="field-label">{{ $t('login_loginPassword') }}</label>
<input
@@ -75,7 +75,7 @@
class="field-input"
/>
</div>
-
+
<div class="form-field">
<label class="field-label">{{ $t('register_confirmPassword') }}</label>
<input
@@ -85,23 +85,23 @@
class="field-input"
/>
</div>
-
+
<div class="form-field">
<label class="field-label">{{ $t('register_inviteCode') }}</label>
<input :placeholder="$t('jy313')" v-model="userName" class="field-input" />
</div>
-
+
<div class="agreement">
<input type="checkbox" id="agreement" v-model="agree" />
<label for="agreement">
{{ $t('login_agreeToTerms') }} <span class="agreement-link" @click.stop="viewAgreement">{{ $t('login_userAgreement') }}</span>
</label>
</div>
-
+
<div class="loginBtn" v-loading="loginBtn" @click="gook">
{{ $t('register_openAccountNow') }}
</div>
-
+
<div class="login-link">
<span @click="$router.push('/login')">{{ $t('register_haveAccountLoginNow') }}</span>
</div>
@@ -119,7 +119,7 @@
<div class="feature-title">{{ $t('register_fastAccountOpening') }}</div>
<div class="feature-desc">{{ $t('register_completedIn3Minutes') }}</div>
</div>
-
+
<div class="feature-item">
<div class="feature-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
@@ -129,7 +129,7 @@
<div class="feature-title">{{ $t('register_bankLevelSecurity') }}</div>
<div class="feature-desc">{{ $t('register_fundProtection') }}</div>
</div>
-
+
<div class="feature-item">
<div class="feature-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
@@ -141,8 +141,8 @@
</div>
</div>
</div>
-
-
+
+
</div>
</div>
</template>
@@ -209,7 +209,7 @@
},
viewAgreement() {
// 跳转到用户协议页面
- this.$router.push('/about?e=2');
+ this.$router.push('/about?e=3');
},
getCodeRandom(){
const code = Math.floor(1000 + Math.random() * 9000).toString();
@@ -357,15 +357,17 @@
// }, 2000)
Toast(this.$t("hj28"));
this.loginBtn = false;
- } else if (isNull(this.yzmCode)) {
- // this.texts = this.$t('hj30')
- // this.alertShow = true
- // setTimeout(() => {
- // this.alertShow = false
- // }, 2000)
- Toast(this.$t("jy459"));
- this.loginBtn = false;
- } else if (isNull(this.userPassword)) {
+ }
+ // else if (isNull(this.yzmCode)) {
+ // // this.texts = this.$t('hj30')
+ // // this.alertShow = true
+ // // setTimeout(() => {
+ // // this.alertShow = false
+ // // }, 2000)
+ // Toast(this.$t("jy459"));
+ // this.loginBtn = false;
+ // }
+ else if (isNull(this.userPassword)) {
// this.texts = this.$t('hj30')
// this.alertShow = true
// setTimeout(() => {
@@ -752,7 +754,7 @@
.header-content {
padding-top: 1rem;
-
+
.page-title {
font-size: 0.65rem;
font-weight: 600;
@@ -760,20 +762,20 @@
margin: 0 0 0.5rem 0;
padding-left: 0.5rem;
}
-
+
.features {
display: flex;
flex-wrap: wrap;
gap: 0.3rem;
padding-left: 0.5rem;
-
+
.feature-item {
display: flex;
align-items: center;
gap: 0.2rem;
font-size: 0.28rem;
color: #666;
-
+
.check-icon {
width: 0.4rem;
height: 0.4rem;
@@ -804,7 +806,7 @@
.form-field {
margin-bottom: 1rem;
-
+
.field-label {
display: block;
font-size: 0.32rem;
@@ -812,7 +814,7 @@
color: #333;
margin-bottom: 0.3rem;
}
-
+
.input-wrapper {
display: flex;
align-items: center;
@@ -820,13 +822,13 @@
border-radius: 0.2rem;
overflow: hidden;
background: #F5F7FA;
-
+
.area-select {
width: 2rem;
border: none;
border-right: 1px solid #e0e0e0;
background: #F5F7FA;
-
+
/deep/ .el-input__inner {
border: none;
height: 1.3rem;
@@ -835,7 +837,7 @@
background: #F5F7FA;
}
}
-
+
.field-input {
flex: 1;
border: none;
@@ -845,7 +847,7 @@
background: #F5F7FA;
}
}
-
+
.field-input {
width: 100%;
height: 1.3rem;
@@ -854,7 +856,7 @@
padding: 0 0.3rem;
font-size: 0.32rem;
background: #F5F7FA;
-
+
&:focus {
outline: none;
border-color: #1890ff;
@@ -941,7 +943,7 @@
margin: 0.5rem 0;
font-size: 0.28rem;
color: #666;
-
+
input[type="checkbox"] {
width: 0.45rem;
height: 0.45rem;
@@ -955,11 +957,11 @@
position: relative;
flex-shrink: 0;
transition: all 0.3s ease;
-
+
&:checked {
background-color: #1890ff;
border-color: #1890ff;
-
+
&::after {
content: '✓';
position: absolute;
@@ -972,28 +974,28 @@
line-height: 1;
}
}
-
+
&:hover {
border-color: #1890ff;
}
-
+
&:focus {
outline: none;
box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
}
-
+
label {
display: flex;
align-items: center;
cursor: pointer;
user-select: none;
}
-
+
.agreement-link {
color: #1890ff;
text-decoration: none;
-
+
&:hover {
text-decoration: underline;
}
@@ -1018,12 +1020,12 @@
.login-link {
text-align: center;
margin-top: 0.5rem;
-
+
span {
font-size: 0.28rem;
color: #999;
cursor: pointer;
-
+
&:hover {
color: #1890ff;
}
@@ -1036,13 +1038,13 @@
align-items: center;
padding: 1rem 0.5rem;
background: #fff;
-
+
.feature-item {
display: flex;
flex-direction: column;
align-items: center;
flex: 1;
-
+
.feature-icon {
width: 1rem;
height: 1rem;
@@ -1052,21 +1054,21 @@
align-items: center;
justify-content: center;
margin-bottom: 0.3rem;
-
+
svg {
width: 0.6rem;
height: 0.6rem;
color: #fff;
}
}
-
+
.feature-title {
font-size: 0.28rem;
font-weight: 600;
color: #333;
margin-bottom: 0.15rem;
}
-
+
.feature-desc {
font-size: 0.24rem;
color: #999;
--
Gitblit v1.9.3