用户隐私信息默认不勾选

src/components/index/login.vue

@@ -15,6 +15,7 @@ export default {
       btn_disabled: true,
       time_show: false,
       time_count: 60,
+      protocolChecked: false,
       protocol_show: false,
       js_code: "",
       userinfo: {
@@ -165,6 +166,9 @@ export default {
       reload_userinfo($this);
       console.log("登录成功",$data);
       console.log("登录成功2",$this.userinfo)
+    },
+    changeCheck(){
+      this.protocolChecked = !this.protocolChecked;
     }
   },
   mounted() {
@@ -218,7 +222,7 @@ export default {
       </button>
     </div>
     <view class="text-center text-xs protocol_text">
-      <text class="text-gray">注册/登录即表示同意</text>
+      <span @click="changeCheck" class="checkbox" :class="{checked:protocolChecked}"></span><text @click="changeCheck" class="text-gray">已阅读并同意</text>
       <text class="text-primary" @click="protocolShow(true)">《用户隐私协议》</text>
     </view>
     <van-toast id="van-toast"/>
@@ -617,6 +621,22 @@ export default {
   box-shadow: 0px 3px 7px 0px rgba(159, 159, 159, 0.84);
   border-radius: 11px;
 }
+.checkbox{
+  display: inline-block;
+  width:12px;
+  height:12px;
+  vertical-align: middle;
+  margin-top:-2px;
+  margin-right: 5px;
+  border:1px solid #aaa;
+  border-radius:2px;
+}
+.checkbox.checked{
+  border-color: #4B3AB0;
+  background-color: #4B3AB0;
+  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAMAAADX9CSSAAAAWlBMVEUAAABoWMRoWMRoV8RoWMRnWMRmPcJoV8RnV8RgVcVoV8RnV8RoVsVoVcNnV8NnV8NoV8RpV8RoWMRnWMNoWMVnWcRnWMRnWMVoV8NpWcVmVsJpWMVmUsJoWMQnm2rXAAAAHXRSTlMA0/c/76sG+lcM86JGN9bEuknp48m+tIN4XFBLGU9B+6sAAACCSURBVCjPrZDbDoQgDERnC4KIq+59vfD/v6lGsCb0TefxND2dFLUOeewPTZBCCHLOc/KNxO0IJ3AqgXvO6QEoHfnr3yZeAjWluz3ce3OvEr33KQD3SZLq0LMwMF2ww4KJ+8eNliXcxwOGJcwXVWzCPA2UFv9TXfln5l8RPzH5W55OzX2AMXPVprhiAAAAAElFTkSuQmCC");
+  background-size: 100% 100%;
+}
 
 .protocol_content {
   width: 100%;