创建

pages/index/index.vue

@@ -0,0 +1,36 @@
+<template>
+	<view>
+		<Verify
+		  @success="'success'"  
+		  :mode="'pop'"     
+		      :captchaType="'blockPuzzle'"    
+		  :imgSize="{ width: '330px', height: '155px' }"  
+		      ref="verify"
+		></Verify>
+		 
+		<button @click="useVerify">调用验证组件</button>
+	</view> 
+</template>
+
+****注: mode为"pop"时,使用组件需要给组件添加ref值,并且手动调用show方法 例: this.$refs.verify.show()**** <br/>
+****注: mode为"fixed"时,无需添加ref值,无需调用show()方法****
+
+<script>
+//引入组件
+import Verify from "../components/verify/verify.vue";
+export default {
+	name: 'app',
+	components: {
+		Verify
+	},
+	
+	methods:{
+	   success(params){
+	      // params 返回的二次验证参数, 和登录参数一起回传给登录接口，方便后台进行二次验证
+           },
+           useVerify(){
+              this.$refs.verify.show()
+           }
+	}
+} 
+</script>