Vue Material Admin

Vue Material Admin 是一个基于 Vuetify 组件免费开源的纯前端中后台模版。使用了Vue3、Vite、Pinia、TypeScript、Pixi.js、Babylon.js、Three.js 等案例技术栈，在 Material Design 的设计规范和 Vuetify 基础组件上，继续向上构建开发，项目主要以学习为主，可以于学习参考，也可用来作为项目的启动模版，会持续保持更新～

页面截图

预览地址

• https://chenhuajie.gitee.io/vue-material-admin

⚠️ 如果你是第二次打开左下角弹出更新提示的时候按f12清除一下缓存硬性重新加载一下吧！那个PWA缓存不好搞、搞不定，PWA代码已经删了但是还是会有缓存，不想搞了这东西在国内没人用懒得修了

TODO

1. 智能家居控制中心组件
   • ✅ Apexcharts
   • ✅ 环形控制器(支持鼠标拖动进度)
   • ✅ 音乐播放器
   • ✅ 360度全景图预览(支持移动设备陀螺仪)
2. 高德地图
   • ✅ 轨迹回放
   • ❌ GeoJSON
3. Three.js
   • ✅ 导入360全景图
   • ✅ 导入glb、gltf模型
4. Babylon.js
   • ✅ Havok物理引擎
   • ✅ 使用WSAD、空格键控制角色
   • ✅ 上下楼梯
   • ✅ 上下坡
5. Pixi.js捕鱼DEMO
   • ✅ 小鱼自动移动
   • ✅ 射击撒网
   • ❌ 小鱼获取新位置后旋转对应角度方向
   • ❌ 音频
6. 页面拖拽编辑 🤔️推荐使用Craft.js
   • ✅ 元素大小调整、组件拖拽、顺序拖拽、显示删除
   • ✅ 右键菜单
   • ❌ 属性、事件编辑
   • ❌ 标尺
   • ❌ 缩放
7. 适配
   • ✅ 夜间模式
   • ✅ 适配移动设备(大部分适配)
   • ✅ 主题颜色修改
8. 权限
   • ❌ 角色权限
   • ❌ 按钮权限
9. 管理后台
   • ❌ Nest.js

本地开发

⚠️ 本地开发需要 nodejs 14.18+以上版本，

# 克隆项目
git clone https://github.com/armomu/vue-material-admin.git

# 打开文件目录
cd vue-material-admin

# 安装依赖
// yarn 或者 npm i

# 本地运行
npm run dev