滑动验证码页面实现

pages/reg/index.vue

@@ -71,7 +71,7 @@
           </template>
         </view>
 		<!--图形验证码-->
-		<view class="form-item border-b m-b-md p-b-xs">
+		<view class="form-item border-b m-b-md p-b-xs" v-if="0">
 		  <view class="label m-b-xs">Captcha</view>
 		  <v-input class="color-light" v-model="form.gr_code" placeholder='Please enter graphic results'>
 		    <template #right>
@@ -109,11 +109,12 @@
                 url="/register/sendEmailCode"
                 :data="{
                 email:form.account,
-                gc_code: form.gr_code,
-                gc_key: gc_key,
                 type:1
               }"
                 v-show="form.type==2"
+				@changeSLider="changeSLider"
+				:sendAAA="sendAAA"
+				@changeSendAAA="sendAAA = false"
               ></v-code>
             </template>
           </v-input>
@@ -169,6 +170,8 @@
 <script>
 import Member from "@/api/member";
 import app from "app.js";
+import tfVerifyImg from '@/components/tf-verify-img/tf-verify-img.vue';
+
 export default {
   data() {
     return {
@@ -189,12 +192,22 @@ export default {
       check: false,
       agreement: {},
       country_code:'',
-			showInvite_code: true,
+	   showInvite_code: true,
+		showVerify:false,
+		imgs:[{
+				src:'/static/verify/0.jpeg',
+				color:'#38a7b7'
+		},{
+				src:'/static/verify/1.jpeg',
+				color:'#485967'
+		}],
+		sendAAA: false,	
     };
 
   },
   computed: {
   },
+  components:{tfVerifyImg},
   methods: {
     register() {
         if (!this.form.account) {
@@ -301,6 +314,21 @@ export default {
         this.agreement = res.data;
       });
     },
+	// 拼图滑块
+	changeSLider(){
+		this.showVerify = true;
+	},
+	open(){
+			console.log("open");
+			this.showVerify = true;
+	},
+	chenggong(){
+			uni.showToast({
+					title: this.$t('homeNewText.dd1')
+			});
+			this.showVerify = false;
+			this.sendAAA = true;
+	}
   },
   mounted() {
     this.gett_gc_code();