# vue-material-admin

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

## Basic Information

- **Project Name**: vue-material-admin
- **Description**: vuetify模板，很好的vuetify参考资料
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 5
- **Forks**: 4
- **Created**: 2020-08-11
- **Last Updated**: 2024-02-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<p align="center">
  <a href="https://ant.design">
    <img width="200" src="https://cdn.vuetifyjs.com/images/logos/vuetify-logo-dark.png">
  </a>
</p>

<h1 align="center">
    Vue Material Admin<br/>
    <br/>
</h1>

基于 Vue + Vuetify 实现的后台管理系统模板，使用 Material 设计风格，支持响应式移动端，支持颜色主题修改，多语言切换，黑白模式切换

## 目录结构
```              　　
├─ public
├─ tests
├─ src
│  ├─ assets 
│  ├─ mixins 
│  ├─ plugins
│  ├─ router
│  ├─ styles
│  ├─ views
│  ├─ app.Vue 
│  └─ main.js
├─ .browserslistrc
├─ editorconfig
├─ .eslintrc.js
├─ .gitignore
├─ babel.config.js
├─ cypress.json
├─ babel.config.js
├─ LICENSE
├─ package.json
├─ README.md 
├─ vue.config
└─ webpack.config
```

## 功能列表

+ 简单登录
+ Vuetify 部分组件展示
+ echarts 仪表盘
+ 简单的带动画MP3播放器
+ 任务（上拉加载数据和左右菜单布局增加上左右式布局）
+ 简单的流程图编辑器
+ 地图点位聚合效果

## 预览地址

+ [http://chenhuajie.gitee.io/vue-material-admin/](http://chenhuajie.gitee.io/vue-material-admin/)

## 截图

![home](https://gitee.com/chenhuajie/ng-material-admin/raw/master/src/assets/vue-material-admin.png)
![login](https://gitee.com/chenhuajie/ng-material-admin/raw/master/src/assets/lct.png)
![amap](https://gitee.com/chenhuajie/ng-material-admin/raw/master/src/assets/amap.png)