JcRangeImg2.vue 605 B

123456789101112131415161718192021222324252627282930313233343536
  1. <template>
  2. <div>
  3. <slide-verify
  4. :l="42"
  5. :r="10"
  6. :w="310"
  7. :h="155"
  8. slider-text="向右滑动"
  9. @success="onSuccess"
  10. @fail="onFail"
  11. @refresh="onRefresh"
  12. ></slide-verify>
  13. </div>
  14. </template>
  15. <script>
  16. export default {
  17. data() {
  18. return {
  19. msg: ""
  20. };
  21. },
  22. methods: {
  23. onSuccess() {
  24. this.$emit('success',true);
  25. },
  26. onFail() {
  27. this.msg = "1";
  28. },
  29. onRefresh() {
  30. this.msg = "2";
  31. }
  32. }
  33. };
  34. </script>
  35. <style lang="less" scoped>
  36. </style>