基于 `vue.js` 和 `ElementUI` 的管理系统前端解决方案 欢迎大家一起维护

vue element-ui vuex axios

> 此项目适合作为模板使用,在使用前请先检查您不需要的功能,删除相关代码和依赖插件,以减少代码体积。 > 不建议直接作为您项目的起始代码。 ## 功能 * 首屏加载等待动画 避免首次加载白屏尴尬 * 简约主题 * 每个插件和组件都配有介绍文档 * 图片资源 sketch 源文件( 可以在这个文件内重新生成所有图片资源 ) * 登陆和注销 * 根据路由自动生成菜单 * 可折叠侧边栏 * 多国语言支持 * 富文本编辑器 * Markdown 编辑器 * 全屏功能 * Fontawesome 图标库 * Fontawesome 图标选择器(组件) * 自动引入下载的 SVG 图标 * 前端假数据支持( mock ) * 集成 G2 图表 * 图表自适应可拖拽大小的卡片容器(示例) * 简化剪贴板操作 * 简化Cookie操作 * 时间计算工具 * 导入 Excel ( xlsx 格式 + CSV 格式 ) * 数据导出 Excel ( xlsx 格式 + CSV 格式 ) * 数据导出文本 * 数字动画 * 可拖拽调整大小的切分布局 * 可拖拽调整大小和位置的网格布局 * 提供三种页面容器组件(正常卡片,隐形容器,填满页面) * 代码高亮显示 * 加载并解析 markdown 文件 * GitHub 样式的 markdown 显示组件 * markdown 内代码高亮 * 为 markdown 扩展了百度云链接解析和优化显示 ## 预览 登陆 ![Snip20180526_1](http://fairyever.qiniudn.com/Snip20180526_1.png) 主界面 ![Snip20180526_2](http://fairyever.qiniudn.com/Snip20180526_2.png) 模拟数据 ![Snip20180526_3](http://fairyever.qiniudn.com/Snip20180526_3.png) 可拖拽卡片 ![Snip20180526_4](http://fairyever.qiniudn.com/Snip20180526_4.png) 可拖拽调节的布局 ![Snip20180526_5](http://fairyever.qiniudn.com/Snip20180526_5.png) 多国语言支持 ![Snip20180526_6](http://fairyever.qiniudn.com/Snip20180526_6.png) 封装导入 `csv` `xlsx` 封装导出 `csv` `xlsx` 以及纯文本 ![Snip20180526_7](http://fairyever.qiniudn.com/Snip20180526_7.png) ![Snip20180526_8](http://fairyever.qiniudn.com/Snip20180526_8.png) 四种页面容器组件 ![Snip20180526_9](http://fairyever.qiniudn.com/Snip20180526_9.png) 集成富文本编辑器 ![Snip20180526_10](http://fairyever.qiniudn.com/Snip20180526_10.png) 集成 markdown 编辑器 ![Snip20180526_11](http://fairyever.qiniudn.com/Snip20180526_11.png) 集成图标库 ![Snip20180526_12](http://fairyever.qiniudn.com/Snip20180526_12.png) 封装图标组件 ![Snip20180526_13](http://fairyever.qiniudn.com/Snip20180526_13.png) 支持自动导入文件夹下的 svg 图标,并通过组件使用 ![Snip20180526_14](http://fairyever.qiniudn.com/Snip20180526_14.png) 图标选择器组件 ![Snip20180526_15](http://fairyever.qiniudn.com/Snip20180526_15.png) 集成 markdown 渲染功能 并且优化了百度云分享链接在渲染结果的显示 ![Snip20180526_16](http://fairyever.qiniudn.com/Snip20180526_16.png) 集成数字动画插件 ![Snip20180526_17](http://fairyever.qiniudn.com/Snip20180526_17.png) 代码高亮显示 ![Snip20180526_18](http://fairyever.qiniudn.com/Snip20180526_18.png) 集成图表 ![Snip20180526_19](http://fairyever.qiniudn.com/Snip20180526_19.png) 支持图表拖拽调整大小,以及拖放位置 ![Snip20180526_20](http://fairyever.qiniudn.com/Snip20180526_20.png) 单独图表示例 ![Snip20180526_21](http://fairyever.qiniudn.com/Snip20180526_21.png)