空闲时间搭建vue3后台框架,加深一下vue3和ts用法
技术栈
- vue3
- ts
- pinia
- vue-router4.x
- unocss 原子化
- vite
- vue-i18n
- echarts
- @iconify/json 图标
- vueuse
- element-plus
- 采用mock-dev-server模拟接口
功能点
- 明暗主题 / 主题切换
- 中英文切换
- 主题尺寸切换
- 全局菜单搜索
- 全屏/可视窗口全屏
- 面包屑
- tab
- Form 封装
- 查询+表格+分页动态配置封装
登录页面效果
- PC
- Mobile
监控台
- PC
- Mobile
工作台
- PC
- Mobile
明暗主题模式
- 明
- 暗
菜单外链
用户管理
- PC
- Mobile
角色管理
- PC
- Mobile
菜单管理
- PC
- Mobile
部门管理
-
PC
-
Mobile
结束语
更多功能后续持续更新，有bug之处，欢迎提出讨论， 项目地址
