页面接口推介

pages/user/register.vue

@@ -20,9 +20,11 @@
                             </view>
                         </uni-forms-item>
                     </uni-forms>
-                    <button type="default" class="submit-btn" @click="firstSubmit">下一步</button>
+                    <button type="default" class="submit-btn" @click="firstSubmit">注册</button>
                     <view class="login-box-tips">
-                        <view style="color: #999">点击提交即表示同意</view>
+                        <view style="color: #999"
+                            ><checkbox :checked="checkbox" @click="checkbox = !checkbox" /> 我已阅读并同意</view
+                        >
                         <navigator url="/pages/mine/agreement" hover-class="none">《用户协议》</navigator>
                         <navigator url="/pages/mine/policy" hover-class="none">《个人信息保护政策》</navigator>
                     </view>
@@ -52,6 +54,7 @@ export default {
     name: 'jiaban',
     data() {
         return {
+            checkbox:false,
             step: 1,
             loading: false,
             waitTime: 0,
@@ -129,6 +132,9 @@ export default {
                 })
         },
         firstSubmit() {
+            if (!this.checkbox) {
+                return this.$util.toast('请先阅读并同意用户协议和个人信息保护政策！')
+            }
             this.$refs.form.validate().then((valid, errors) => {
                 apiRegister({
                     phone: this.formData.phone,
@@ -182,6 +188,7 @@ export default {
         margin-top: 60rpx;
         display: flex;
         justify-content: center;
+        align-items: center;
         font-size: 20rpx;
     }