yc-ui2 0.1.0-beta4 → 0.1.0-beta6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yc-ui2",
-  "version": "0.1.0-beta4",
+  "version": "0.1.0-beta6",
   "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>

package/src/packages/index.js

@@ -0,0 +1,23 @@
+import YcSlideVerify from 'comp/YcSlideVerify/index.vue'
+
+
+const components = [
+  YcSlideVerify
+]
+// 定义 install 方法，接收 Vue 作为参数。如果使用 use 注册插件，则所有的组件都将被注册
+const install = function (Vue) {
+   // 遍历注册全局组件
+  components.forEach(component => {
+    Vue.component(component.name, component)
+  })
+
+  // 判断是否是直接引入文件,如果是，就不用调用 Vue.use()
+  if (typeof window !== 'undefined' && window.Vue) {
+    install(window.Vue)
+  }
+}
+
+// 导出的对象必须具有 install，才能被 Vue.use() 方法安装
+export default {
+  install
+}