basic2/README.md

<p align="center">
    <img src="https://hooray.gitee.io/fantastic-admin/logo.png" width="200" height="200" />
</p>

<h1 align="center">Fantastic-admin</h1>

<p align="center">一款<b>开箱即用</b>的 Vue 中后台管理系统框架</p>

## 特点

- 丰富的布局模式，覆盖市面上各种中后台布局，兼容PC、平板和移动端
- 提供主题配置文件，轻松实现个性化定制
- 精心设计的动效，让每一处的动画都干净利落
- 根据路由配置自动生成导航栏
- 支持全方位权限验证
- 集成多级路由缓存方案

## 演示

**Vue3 版本**

[基础版](https://hooray.gitee.io/fantastic-admin/vue3/basic) ([备份地址](https://hooray.github.io/fantastic-admin/vue3/basic))

[专业版](https://hooray.gitee.io/fantastic-admin/vue3/pro) ([备份地址](https://hooray.github.io/fantastic-admin/vue3/pro))

**Vue2 版本**

[基础版](https://hooray.gitee.io/fantastic-admin/vue2/basic) ([备份地址](https://hooray.github.io/fantastic-admin/vue2/basic))

[专业版](https://hooray.gitee.io/fantastic-admin/vue2/pro) ([备份地址](https://hooray.github.io/fantastic-admin/vue2/pro))

## 下载 & 购买

- 基础版（免费，可商用）
  - 去 [Gitee](https://gitee.com/hooray/fantastic-admin) 下载
  - 去 [Github](https://github.com/hooray/fantastic-admin) 下载
- 专业版（付费，可商用）
  - [去购买](https://hooray.gitee.io/fantastic-admin/buy.html) ([备份地址](https://hooray.github.io/fantastic-admin/buy.html))

## 分支说明

> 建议开发时，在本地同时下载演示分支和模版分支，模版分支用于项目开发，演示分支做为示例参考。

- `master` Vue3 版本演示分支，同演示站
- `template` Vue3 版本模版分支，移除演示代码，可直接用于实际开发
- `vue2` Vue2 版本演示分支，同演示站
- `template-vue2` Vue2 版本模版分支，移除演示代码，可直接用于实际开发

## 技术支持

[开发文档](https://hooray.gitee.io/fantastic-admin) ([备份地址](https://hooray.github.io/fantastic-admin))

[Vue2版本视频教程](https://space.bilibili.com/3079082/channel/detail?cid=156985)

技术交流QQ群：1001394973

## 预览

> 预览截图为 Vue3 专业版

<table>
    <tr>
        <td><img src="https://hooray.gitee.io/fantastic-admin/preview1.png" /></td>
        <td><img src="https://hooray.gitee.io/fantastic-admin/preview2.png" /></td>
        <td><img src="https://hooray.gitee.io/fantastic-admin/preview3.png" /></td>
    </tr>
    <tr>
        <td><img src="https://hooray.gitee.io/fantastic-admin/preview4.png" /></td>
        <td><img src="https://hooray.gitee.io/fantastic-admin/preview5.png" /></td>
        <td><img src="https://hooray.gitee.io/fantastic-admin/preview6.png" /></td>
    </tr>
</table>

## 支持

如果觉得 Fantastic-admin 这个框架不错，或者已经在使用了，希望你可以去 **Github** 或者 **Gitee(码云)** 帮我点个 ⭐ ，这将对我是极大的鼓励。

[![star](https://img.shields.io/github/stars/hooray/fantastic-admin?style=social)](https://github.com/hooray/fantastic-admin/stargazers)

[![star](https://gitee.com/hooray/fantastic-admin/badge/star.svg?theme=dark)](https://gitee.com/hooray/fantastic-admin/stargazers)

## 生态

<table>
    <tr>
        <th colspan="3" align="center">
            <a href="https://hooray.gitee.io/fantastic-template" target="_blank">Fantastic-template</a>
        </th>
    </tr>
    <tr>
        <th colspan="3" align="center">
            一款开箱即用的 Vue 项目模版
        </th>
    </tr>
</table>

<table>
    <tr>
        <th colspan="3" align="center">
            <a href="https://hooray.gitee.io/one-step-admin" target="_blank">One-step-admin</a>
        </th>
    </tr>
    <tr>
        <th colspan="3" align="center">
            一款干啥都快人一步的 Vue 中后台管理系统框架
        </th>
    </tr>
    <tr>
        <td><img src="https://hooray.gitee.io/one-step-admin/preview1.png" /></td>
        <td><img src="https://hooray.gitee.io/one-step-admin/preview2.png" /></td>
        <td><img src="https://hooray.gitee.io/one-step-admin/preview3.png" /></td>
    </tr>
    <tr>
        <td><img src="https://hooray.gitee.io/one-step-admin/preview4.png" /></td>
        <td><img src="https://hooray.gitee.io/one-step-admin/preview5.png" /></td>
        <td><img src="https://hooray.gitee.io/one-step-admin/preview6.png" /></td>
    </tr>
</table>