From f1aaecc9dc0a3d680f2f693ee963d5d060e75734 Mon Sep 17 00:00:00 2001
From: jhzh <1628036192@qq.com>
Date: Fri, 09 Jan 2026 16:18:43 +0800
Subject: [PATCH] 1

---
 src/page/register.vue |   89 ++++++++++++++++++++++++++++++++++++--------
 1 files changed, 72 insertions(+), 17 deletions(-)

diff --git a/src/page/register.vue b/src/page/register.vue
index 919443e..871e797 100644
--- a/src/page/register.vue
+++ b/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;
   }

--
Gitblit v1.9.3