shengrongchun/vue-material-admin

mid-backend template based on Vue3 and Vuetify

Vue Material Admin

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

页面截图

预览地址

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

TODO

1. 特斯拉仪表盘
   • ✅ 高德地图轨迹回放
   • ❌ 轨迹播放速度修复
2. 智能家居控制中心组件
   • ✅ Apexcharts
   • ✅ 滑块控制器
   • ❌ 滑块控制器增加鼠标滑动
   • ✅ 音乐播放器UI
   • ❌ 播放音频
   • ✅ 360度全景图预览
3. Three.js
   • ✅ 360度全景图预览
   • ✅ 动态导入glb、gltf三维模型
   • ❌ 全景图陀螺仪重力感应
4. Babylon.js
   • ✅ 物理引擎
   • ✅ 角色控制器
   • ❌ 上下楼梯
   • ❌ 上下坡
5. Pixi.js
   • ✅ 小鱼自动移动算法
   • ✅ 射击撒网
   • ❌ 撒金币
6. 页面拖拽编辑
   • ✅ 元素大小调整、组件拖拽、顺序拖拽、显示删除
   • ✅ 右键菜单
   • ❌ 属性、事件编辑
   • ❌ 标尺
   • ❌ 缩放
7. 高德地图
   • ✅ 高德地图轨迹回放
   • ✅ 镜头跟踪动画
   • ❌ GeoJSON
8. 权限
   • ❌ 角色权限
   • ❌ 按钮权限
9. 适配
   • ✅ 夜间模式
   • ❌ 主题颜色动态修改
   • ❌ 适配移动设备

本地开发

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

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

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

# 安装依赖
npm install

# 本地运行
npm run dev