获得徽章 0
- vue快速编写一个图形验证码组件
百度搜了一圈图形验证码组件,竟然都是付费的开什么玩笑,那就自己写一个吧,效果如下
演示地址:chu1204505056.gitee.io
开源地址:github.com
实现代码如下:
cnpm i zx-verify -S
import ByuiVerify from "zx-verify";
export default ByuiVerify;
<template>
<div class="verify-container">
<byui-verify
ref="slideDiv"
:w="350"
:slider-text="text"
:h="175"
@success="handleSuccess"
@fail="handleError"
></byui-verify>
</div>
</template>
<script>
import ByuiVerify from "@/plugins/byuiVerify";
export default {
name: "Verify",
components: { ByuiVerify },
data() {
return {
text: "向右滑动",
};
},
created() {},
mounted() {},
methods: {
handleSuccess() {
this.$baseMessage("校验成功", "success");
},
handleError() {
this.$baseMessage("校验失败", "error");
},
},
};
</script>展开127 - 从初二到今天,基本算是经历了十年的独立开发了,开发过数app和小程序,PC端软件等。今年正式毕业,明天入职人生第一份正式工作了 ~ 开源最近三个月写的一个单词对战微信小程序的代码,云开发,目前已经有接近1w的用户量了 ~ 线上可直接体验,项目包含完整源码和sketch设计稿文件,为纪念第一份前端工作
开源地址:github.com
明天正式入职了,掘友们有啥想对新人说的吗 ~ 私信必回 ~ 评论必看 ~展开65155 - vue-vben-admin 一个基于vue composition-api , typescript, ant-designvue的后台管理系统,让您提前感受vue3+typescript带来的感受。
github地址:github.com
预览地址:vvbin.cnvvbin.cn
1814