获得徽章 5
- 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 - 漂亮的CSS样式集
cssfx.dev这个网站收集了流畅、简单、易用的css动效,有按钮,加载,文本等等组件。可以直接拷贝源码应用到自己的页面中。是一个开源小项目,github上有4千多个star。建议收藏备用。
> 来源:www.geektomato.com
展开1137 - 为庆祝祖国
70 周年生日,掘金小册📚回归,站长👚直播预告
直播时间:今天 2019-09-29 下午六点
直播地址:live.bilibili.com
直播内容:
- 30 mins 预热
- 30 mins 直播抽奖代码 + 神秘惊喜展开233121