# vue-material-admin

**Repository Path**: kailoon/vue-material-admin

## Basic Information

- **Project Name**: vue-material-admin
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-10-13
- **Last Updated**: 2023-10-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<p align="center">
  <img width="200" src="https://gitee.com/chenhuajie/vue-material-admin/raw/master/src/assets/admin-logo.png">
</p>

<h1 align="center">
    Vue Material Admin
<div align="center">


![version](https://img.shields.io/badge/Vue-3.x-blue.svg)
![version](https://img.shields.io/badge/Vite-4.x-green.svg)
[![license](https://img.shields.io/github/license/kailong321200875/vue-element-plus-admin.svg)](LICENSE)
![stars](https://img.shields.io/github/stars/armomu/vue-material-admin.svg?style=social&label=Stars)

</div>

</h1>


<div align="center" style="font-size: 14px">

[English](./README.en.md) | 简体中文

</div>

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

## 页面截图

<p align="center">
  <img width="49%" src="https://github.com/armomu/vue-material-admin/raw/master/src/assets/tesla.png">
  <img width="49%" src="https://github.com/armomu/vue-material-admin/raw/master/src/assets/smart_house.png">
  <img width="49%" src="https://github.com/armomu/vue-material-admin/raw/master/src/assets/babylonjs.png">
  <img width="49%" src="https://github.com/armomu/vue-material-admin/raw/master/src/assets/edit_layer.png">
</p>

## 预览地址
-   [https://chenhuajie.gitee.io/vue-material-admin](https://chenhuajie.gitee.io/vue-material-admin/)
-   [https://armomu.github.io/vue-material-admin](https://armomu.github.io/vue-material-admin/)

## TODO
1. 特斯拉仪表盘
    - ✅ 高德地图轨迹回放
    - ❌ 轨迹播放优化
2. 智能家居控制中心组件
    - ✅ Apexcharts
    - ✅ 滑块控制器
    - ❌ 滑块控制器增加鼠标滑动
    - ✅ 音乐播放器UI
    - ❌ 音乐播放器增加真实播放音频
    - ✅ 360全景图
3. Vuetify 基础组件
    - ❌ 更多案例
5. Three.js 引擎
    - ✅ 动态导入模型入
6. Babylon.js 引擎
    - ✅ 物理引擎
    - ✅ 角色控制器
7. 页面拖拽编辑
    - ✅ 元素大小调整、组件拖拽、顺序拖拽、显示删除
    - ✅ 右键菜单
    - ❌ 属性、事件编辑
8. 高德地图
    - ✅ 高德地图轨迹回放
    - ✅ 镜头跟踪动画
    - ❌ GeoJSON
    - ❌ 更多案例

## 本地开发

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

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

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

# 安装依赖
npm install

# 本地运行
npm run dev

```