注册添加协议；

pages/user/register.vue

@@ -60,10 +60,14 @@
         </el-input>
       </el-form-item>
     </el-form>
-    <p class="remind">
+    <div class="tips">
+      <el-checkbox class="tips-text" v-model="isAgreeServiceAgreement">您已阅读并同意</el-checkbox>
+      <a href="/outsource/agreement" target="_blank">《用户隐私》</a>和<a href="/outsource/agreement" target="_blank">《隐私政策》</a>
+    </div>
+    <!-- <p class="remind">
       点击注册表示你已阅读并同意
       <a href="/outsource/agreement?from=register" target="_blank">《程序员客栈服务协议》</a>
-    </p>
+    </p> -->
     <el-button type="primary" @click="doRegist">注册</el-button>
     <div class="checks">
       <span @click="doSwitch">{{usePhone ? '邮箱' : '手机'}}注册</span>
@@ -124,6 +128,8 @@ export default {
       }
     };
     return {
+      // 勾选协议
+      isAgreeServiceAgreement: true,
       isRegistering: false,
       pwdShow: false,
       agreeShow: false,
@@ -197,6 +203,10 @@ export default {
           console.log("防抖中。。。");
           return;
         }
+        if (!this.isAgreeServiceAgreement) {
+          this.$message.info('请阅读并同意相关协议')
+          return
+        }
         this.isRegistering = true;
         setTimeout(() => {
           this.isRegistering = false;
@@ -309,6 +319,17 @@ export default {
   font-size: 12px;
   color: #919aa7;
 }
+.tips {
+  width: 320px;
+  margin: 14px 0 22px;
+  font-size: 12px !important;
+  font-family: PingFangSC, PingFangSC-Regular;
+  font-weight: 400;
+  color: #666666 !important;
+}
+.tips a {
+  color: #308EFF;
+}
 .checks {
   color: #666;
   margin: 14px 0 30px;
@@ -337,3 +358,14 @@ export default {
   cursor: pointer;
 }
 </style>
+<style>
+.tips-text .el-checkbox__label {
+  font-size: 12px !important;
+  font-family: PingFangSC, PingFangSC-Regular;
+  font-weight: 400;
+  color: #666666 !important;
+}
+.tips-text .el-checkbox__inner {
+  border-radius: 50%;
+}
+</style>