验证码添加图形验证

pages/forgetPassword/forgetPassword.vue

@@ -19,12 +19,16 @@
 				<view class="textHigh">下一步</view>
 			</button>
 		</view>
+					<!-- 图片滑块 -->
+					<tfVerify ref="tfVerifyRef" @chenggong="chenggong"/>
 	</view>
 </template>
 
 <script>
 	import back from '../../components/back.vue';
+	import tfVerify from '@/components/tfVerify/tfVerify.vue';
 	export default {
+		components: {back, tfVerify },
 		data() {
 			return {
 				pageNameFlag:1,
@@ -34,7 +38,27 @@
 				resetFlag:0,
 				nextFlag:0,
 				errorMsg:'',
-				disabledFlag:false
+				disabledFlag:false,
+				showVerify: false,
+			imgs: [
+			{
+					src: '/static/pic/BG0.jpeg',
+					color: '#67c23a'
+				},
+				{
+					src: '/static/pic/BG1.jpeg',
+					color: '#67c23a'
+				},{
+					src: '/static/pic/BG2.jpg',
+					color: '#67c23a'
+				},{
+					src: '/static/pic/BG3.jpg',
+					color: '#67c23a'
+				},{
+					src: '/static/pic/BG4.jpg',
+					color: '#67c23a'
+				},
+			]
 			}
 		},
 		methods: {
@@ -76,12 +100,13 @@
 						url:'../setNewPassword/setNewPassword?phoneNum='+this.phoneNum,
 					})
 				}
+
 				
-			}
+				
+			},
+			
 		},
-		components:{
-			back
-		}
+		
 	}
 </script>