armomu / vue-material-admin

基于Vue3 、TypeScript、 Vuetify.js的纯前端中后台管理模板

Home Page:https://vue-material-admin-alpha.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Vue Material Admin

version version version stars

Vue Material Admin 是一个基于 Vuetify 组件免费开源的纯前端中后台模版,使用了Vue3VitePiniaTypeScriptPixi.jsBabylon.jsThree.js 等案例技术栈,在 Material Design 的设计规范和 Vuetify 基础组件上,继续向上构建开发,该项目主要以用于学习、功能展示和测试一些开发用例所以尽量保持轻量化,当然也可用来作为项目的启动模版,会持续保持更新~🔥🔥🔥

🌻 页面截图

🍭 PreView

🧱Vercel需要墙!打不开的同学自行下载项目在本地开发环境预览

👊 TODO

  1. 🍳 Vuetify 组件
    • ✅ Table
    • ✅ Calendar
    • ✅ DictSelect(自动注册可枚举字典下拉框)
  2. 🏡 智能家居控制组件
    • ✅ 环形控制器(支持鼠标拖动进度)
    • ✅ 360度全景图预览(其实是Babylon.js的一个API而已)
  3. 🔥 Pixi.js捕鱼DEMO
    • ✅ 小鱼自动移动
    • ✅ 射击撒网
    • ❌ 小鱼获取新位置后旋转对应角度方向
    • ❌ 击落效果获取金币
    • ❌ 音频
  4. 🐝 适配
    • ✅ 夜间模式
    • ✅ 适配移动设备(大部分适配)
    • ✅ 主题颜色修改
  5. 💻 后端参考这个 isme-nest-serve
    • ❌ Nest.js

📑 本地开发

⚠️ 本地开发需要 nodejs 18/20 vite5不支持更低的nodejs版本

git clone https://github.com/armomu/vue-material-admin.git

cd vue-material-admin

pnpm install

pnpm run dev

推荐项目 🔥 🔥

About

基于Vue3 、TypeScript、 Vuetify.js的纯前端中后台管理模板

https://vue-material-admin-alpha.vercel.app

License:MIT License


Languages

Language:Vue 83.0%Language:TypeScript 6.0%Language:SCSS 5.4%Language:JavaScript 4.1%Language:HTML 1.5%