<template>
    <div>
      <slide-verify
        :l="42"
        :r="10"
        :w="310"
        :h="155"
        slider-text="向右滑动"
        @success="onSuccess"
        @fail="onFail"
        @refresh="onRefresh"
      ></slide-verify>
    </div>
  </template>
  <script>
  export default {
    data() {
      return {
        msg: ""
      };
    },
    methods: {
      onSuccess() {
        this.$emit('success',true);
      },
      onFail() {
        this.msg = "1";
      },
      onRefresh() {
        this.msg = "2";
      }
    }
  };
  </script>
  <style lang="less" scoped>
  </style>