1

jhzh

2026-01-09 f1aaecc9dc0a3d680f2f693ee963d5d060e75734

 src/page/register.vue

@@ -73,13 +73,17 @@
        v-model="invitecode"
        >
      </div>
      <div
       class="register-form-item agree-model"
      >
        <i @click="isAgree"
         :class="agree?'glyphicon glyphicon glyphicon-ok-sign red':'glyphicon glyphicon-ok-circle'"></i>
      {{ $t('jy148') }}
      <a @click="toagreeUrl" style="color:#fff">《{{ $t('jy488') }}》</a>
      <!-- 用户协议复选框 -->
      <div class="agreement_container">
        <input 
          type="checkbox" 
          id="agreement" 
          v-model="agreedToTerms"
          class="agreement_checkbox"
        />
        <label for="agreement" class="agreement_label">
          已阅读并同意<span class="agreement_link" @click.stop="viewAgreement">《用户协议》</span>
        </label>
      </div>
      <div
      class="register-form-item submit-model"
@@ -197,7 +201,7 @@
      checkCodeState: true,
      dialogImgShow: false, // 图片显示
      logo: '',
      agree: false,
      agreedToTerms: false,  // 是否同意用户协议
      logindialogShow: false, // 注册协议
      agreeUrl: '', // 注册协议地址
      siteInfo: {},
@@ -325,8 +329,8 @@
    },
    async gook () {
      // 注册
      if (!this.agree) {
        Toast(this.$t('jy485'))
      if (!this.agreedToTerms) {
        Toast('请先阅读并同意《用户协议》')
      } else if (isNull(this.phone) || !isPhone(this.phone)) {
        Toast(this.$t('hj28'))
      } else if (isNull(this.psd)) {
@@ -376,13 +380,9 @@
        this_.dialogImgShow = true
      }, 500)
    },
    isAgree () {
      let i = false
      let j = true
      this.agree = this.agree ? i : j
    },
    toagreeUrl () {
      this.$router.push('/agree')
    viewAgreement() {
      // 跳转到用户协议页面
      this.$router.push('/about?e=2');
    }
  }
}
@@ -469,6 +469,56 @@
      }
    }
  }
  
  // 用户协议区域
  .agreement_container {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 0.4rem;
    margin-top: 0.3rem;
    padding: 0 0.6rem;
  }

  .agreement_checkbox {
    width: 0.32rem;
    height: 0.32rem;
    margin-right: 0.25rem;
    cursor: pointer;
    appearance: none;
    border: 2px solid #2567ff;
    border-radius: 50%;
    position: relative;
    
    &:checked {
      background-color: #2567ff;
      border-color: #2567ff;
      
      &::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 0.12rem;
        height: 0.12rem;
        background: #fff;
        border-radius: 50%;
      }
    }
  }

  .agreement_label {
    font-size: 0.28rem;
    color: #86CBD1;
    cursor: pointer;
    user-select: none;
  }

  .agreement_link {
    color: #2567ff;
    cursor: pointer;
  }
.glyphicon-ok-sign.red {
  color: #409EFF;
}
@@ -494,6 +544,11 @@
      color: #BB1815 !important;
    }
  }
  .agreement_container {
    .agreement_label {
      color: #000;
    }
  }
  .register-form-item.submit-model {
    background-color: #BB1815;
  }