yc-ui2 0.1.0-beta4 → 0.1.0-beta5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yc-ui2",
-  "version": "0.1.0-beta4",
+  "version": "0.1.0-beta5",
   "private": false,
   "description": "测试阶段",
   "main": "dist/yc-ui2.umd.min.js",

package/src/components/YcSlideVerify/index.vue

@@ -0,0 +1,60 @@
+<template>
+  <slide-verify
+    v-if="show"
+    ref="slideblock"
+    :l="42"
+    :r="10"
+    :w="310"
+    :h="155"
+    :imgs="imgs"
+    :accuracy="accuracy"
+    :show="show"
+    :slider-text="sliderText"
+    @success="onSuccess"
+    @fail="onFail"
+    @again="onAgain"
+    @refresh="onRefresh"
+    @fulfilled="onFulfilled"
+  ></slide-verify>
+</template>
+
+<script>
+import SlideVerify from "vue-monoplasty-slide-verify/src/lib/slide-verify.vue"
+export default {
+  name: "YcSlideVerify",
+  components: {
+    SlideVerify,
+  },
+  data() {
+    return {
+      show: true,
+      isShow: false,
+      accuracy: 5,
+      sliderText: "拖动完成上方拼图",
+      countDownNum: 120,
+    }
+  },
+  computed: {
+    imgs() {
+      const list = []
+      for (let i = 1; i < 9; i++) {
+        list.push(require(`@/assets/slideVerify/${i}.jpg`))
+      }
+      return list
+    },
+  },
+  methods: {
+    onSuccess() {
+      this.isShow = false
+      console.log(344444)
+    },
+    onFail() {},
+    onAgain() {},
+    onRefresh() {},
+    onFulfilled() {},
+    handleClose() {
+      this.isShow = false
+    },
+  },
+}
+</script>