1

jhzh

2026-01-14 fa821ce7a7755dd0e13897cefc57071d4596431b

 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;