no996noicu.com
面朝南的落地窗
获得徽章 0
- 211
- 近期比较火爆的vue前端框架分享
vue-admin-beautiful 是一个后台前端解决方案，它基于 vue 和 element-ui实现。它使用了最新的前端技术栈，动态路由，权限验证，提炼了典型的业务模型，提供了丰富的功能组件，它可以帮助你快速搭建企业级中后台产品原型，它集合了layuiAdmin，antDesign Pro，vue-element-admin几乎全部的优点，并同时发布了多个版本，这不是一个重复的轮子，这可能是一个好看的重复轮子```bash# 克隆项目git clone
github.com 进入项目目录cd vue-element-admin-beautiful# 安装依赖cnpm i# 本地开发 启动项目npm run serve```
默认版演示地址：mpfhrd48.sanxing.uz7.cn
传统中后台演示地址：mpfhrd48.sanxing.uz7.cn
github永久免费开源地址：github.com 展开675 - 开源了一个我公司项目一直在用的Vue选择图片组件。支持使用用户自定义样式，直接插入input标签。 支持输出base64编码、File对象、压缩、图片旋转调整。
github地址:github.com 如果感觉有用的话我会继续完善的。目前只支持Vue项目。 评论17 - 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
