shengbid / vue-demo

一些实用的vue+element组件功能

my-tetris

使用说明

这个项目是平时练习项目,后续会陆续增加demo,争取把之前博客有写到的一些功能都加进来.
如果对你有帮助的话,请点个star哈,Thanks♪(･ω･)ﾉ

如果下载下来启动不了,可能是node版本问题,这个项目写的也比较久了,最近会逐渐把功能移到另一个项目,使用vue3+ant-design写的,目前已经有一些基础功能,有需要可以看看: https://github.com/shengbid/vue3-vite-demo

有什么其他需求也可以留言

如果有问题可以加我微信haluo441,拉你进交流群,大家一起学习进步O(∩_∩)O哈哈~

项目目录

1. 登陆 简单的登陆页面 主要的功能: 忘记密码发送验证码功能 账号密码错误弹出滑动验证框
2. 顶部面包屑实现
3. 侧边菜单栏实现,页面刷新高亮当前页面菜单
4. demo小组件

1. 组织架构图,树形图 
2. 图片旋转
3. 放大镜功能
4. 级联面板应用
5. vue页面打印功能

5. PDF预览
6. 图形编辑

1. 图形旋转,平移,缩放
2. 页面多个upload上传文件

7. 表格

1. 树形表格
2. 可编辑验证表格
3. 表格selection属性相关
4. 动态表格数据合并

项目截图

(截图是之前截的,后面更新的一些功能没有再重新截图,以目录功能为主)

clone

git clone https://github.com/shengbid/vue-demo.git

Project setup

npm i 或者 cnpm i
最近有童鞋问启动报错的,使用yarn安装的包会有问题,建议使用cnpm

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

vue-demo's Issues

打印不全

横向排版的时候样式发生变化。 竖向排版选定了区域，但是区域里面只打印了一半。没有全部打印出来。

pdf展示的问题

pdfurl地址src丢的是服务器的地址但是就是显示不出来内容是什么问题啊

pdf 展示 单位电子签章 不展示

pdf 展示 单位电子签章 不展示 ， 详细可练习 tel：[phone] 微信同