+
+## 功能
+
+* 首屏加载等待动画 避免首次加载白屏尴尬
+* 简约主题
+* 每个插件和组件都配有介绍文档
+* 图片资源 sketch 源文件（ 可以在这个文件内重新生成所有图片资源 ）
+* 登陆和注销
+* 根据路由自动生成菜单
+* 可折叠侧边栏
+* 方便的菜单设置
+* 多国语言支持
+* 富文本编辑器
+* Markdown 编辑器
+* 全屏功能
+* Fontawesome 图标库
+* 图标选择器（组件）
+* 自动引入下载的 SVG 图标
+* 前端假数据支持（ mock ）
+* 集成蚂蚁金服出品的 G2 图表
+* 图表自适应可拖拽大小的卡片容器（示例）
+* 简化剪贴板操作
+* 简化Cookie操作
+* 时间日期计算工具
+* 导入 Excel （ xlsx 格式 + csv 格式 ）
+* 数据导出 Excel （ xlsx 格式 + csv 格式 ）
+* 数据导出文本
+* 数字动画
+* 可拖拽调整大小的切分布局
+* 可拖拽调整大小和位置的网格布局
+* 提供三种方便的页面容器组件（正常卡片，隐形容器，填满页面）
+* 代码高亮显示
+* 加载并解析（或者直接指定资源） markdown 文件
+* GitHub 样式的 markdown 显示组件
+* markdown 内代码高亮
+* 为 markdown 扩展了百度云链接解析和优化显示
+* 右键菜单组件
+* 自定义滚动条和滚动控制
+* 内置5种主题
+* 公用样式抽离，方便的主题定制
+* 支持百万级数据量的表格组件
+* 打包后随意目录部署（已经做好兼容设置）
+* 支持临时菜单配置
+* 提供“试验台”功能 方便展示系统功能调用方法 `1.1.4 +`
+* 多标签页模式 `1.1.4 +`
+* 美化滚动条 `1.1.4 +`
+* 持久化存储 `1.1.4 +`
+
+## 加入小组
+
+D2Admin 是完全开源免费的管理系统集成方案，由 [FairyEver](https://github.com/FairyEver) 在工作之余完全由兴趣驱动完成，如果你也一样喜欢前端开发，欢迎加入我们的讨论/学习群，群内可以`提问答疑`，`分享学习资料`或者随便扯淡
+
+
+
+## 获取代码
+
+有两种方式可以获得 D2Admin 的代码
+
+* 在 [releases](https://github.com/d2-projects/d2-admin/releases) 页面下载最新的发行版。发行版一般是完成了某个大升级或者修复重要 bug 后发布的压缩包，你可以下载下来直接使用
+
+* Fork 仓库到你的 github 然后克隆到本地，然后使用 master 分支继续你的开发。这种方式得到的是最新的代码，但是会有未完成的新功能。**不建议使用这种方式**
+
+* 由于 github 访问较慢，推荐前往码云仓库下载 [gitee.com/fairyever/d2-admin](https://gitee.com/fairyever/d2-admin)，码云上的仓库**在每次发布版本才会更新**，所以如果你选择此方法，请直接 fork 仓库并克隆到本地
+
+> 码云的仓库由 github 同步，但是发行版和标签同步有一些问题，所以推荐直接 fork 仓库
+
+## 觉得不错 赏个咖啡 让作者打起精神 ~
+
+
+
+
+更多介绍和使用方法见 [文档](http://d2admin.fairyever.com/zh/)
+
+## 朋友的开源项目
+
+* [avue](https://github.com/nmxiaowei/avue)
+
+
\ No newline at end of file
diff --git a/dev/deploy/doc.sh b/dev/deploy/doc.sh
new file mode 100755
index 00000000..bf28e118
--- /dev/null
+++ b/dev/deploy/doc.sh
@@ -0,0 +1,25 @@
+#!/usr/bin/env sh
+
+# 确保脚本抛出遇到的错误
+set -e
+
+# 生成静态文件
+npm run doc:build
+
+# 进入生成的文件夹
+cd docs/.vuepress/dist
+
+git init
+git add -A
+git commit -m 'deploy'
+
+# 如果发布到 https://
+
+
+
+
+本项目仓库在 Github 和 Gitee 同步发布
+
+[中文文档](http://d2admin.fairyever.com/zh/)
+
+**完整版**
+
+[Github 仓库](https://github.com/d2-projects/d2-admin) |
+[码云仓库](https://gitee.com/fairyever/d2-admin) |
+[预览地址](https://fairyever.gitee.io/d2-admin-preview)
+
+**简化版模板**
+
+[Github 仓库](https://github.com/d2-projects/d2-admin-start-kit) |
+[码云仓库](https://gitee.com/fairyever/d2-admin-start-kit) |
+[预览地址](https://fairyever.gitee.io/d2-admin-start-kit-preview/#/index)
+
+
+
+D2Admin 完整版集成了很多的插件和组件，首次加载会占用很多的时间，所以加入了首屏加载动画。
+
+如果您欣赏 D2Admin 的设计风格，希望基于它开发您的管理系统，**建议使用 [d2-admin-start-kit 简化模板](https://github.com/d2-projects/d2-admin-start-kit)**，简化版模板保留了所有的系统功能，包括登陆注销，主题切换，图标，数据持久化等。其它不必要的组件和插件您可以参照 D2Admin 完整版自行加入。
+
+如果您执意在完整版基础上开发，请您在发布之前一定要删除没有用到的代码，比如项目没有用到图表、示例、插件组件。
+
+D2Admin 是完全开源免费的管理系统集成方案，由 [FairyEver](https://github.com/FairyEver) 工作之余完完成（希望您看到这里，可以移步 [Github](https://github.com/d2-projects/d2-admin) 点个 star 支持我），如果你也一样喜欢前端开发，欢迎加入我们的讨论/学习群，群内可以`提问答疑`，`分享学习资料`。
+
+
+
+::: tip Thanks
+D2Admin 创建于2018年1月14日零点51分，四个月后在2018年5月26日正式发布，39天时间 star 突破 1k ，在此对所有的 D2Admin 支持者表示感谢，项目将会保持更新，如果你有想法、建议、或者问题欢迎加群讨论
+
+—— 2018年7月5日
+:::
+
+> 1000 star 后 D2Admin 现已由一人维护改为归属于 [D2 Projects Organizations](https://github.com/d2-projects) 由多人维护
+
+## 功能
+
+* 首屏加载等待动画 避免首次加载白屏尴尬
+* 简约主题
+* 每个插件和组件都配有介绍文档
+* 图片资源 sketch 源文件（ 可以在这个文件内重新生成所有图片资源 ）
+* 登陆和注销
+* 根据路由自动生成菜单
+* 可折叠侧边栏
+* 方便的菜单设置
+* 多国语言支持
+* 富文本编辑器
+* Markdown 编辑器
+* 全屏功能
+* Fontawesome 图标库
+* 图标选择器（组件）
+* 自动引入下载的 SVG 图标
+* 前端假数据支持（ mock ）
+* 集成蚂蚁金服出品的 G2 图表
+* 图表自适应可拖拽大小的卡片容器（示例）
+* 简化剪贴板操作
+* 简化Cookie操作
+* 时间日期计算工具
+* 导入 Excel （ xlsx 格式 + csv 格式 ）
+* 数据导出 Excel （ xlsx 格式 + csv 格式 ）
+* 数据导出文本
+* 数字动画
+* 可拖拽调整大小的切分布局
+* 可拖拽调整大小和位置的网格布局
+* 提供三种方便的页面容器组件（正常卡片，隐形容器，填满页面）
+* 代码高亮显示
+* 加载并解析（或者直接指定资源） markdown 文件
+* GitHub 样式的 markdown 显示组件
+* markdown 内代码高亮
+* 为 markdown 扩展了百度云链接解析和优化显示
+* 右键菜单组件
+* 自定义滚动条和滚动控制
+* 内置5种主题
+* 公用样式抽离，方便的主题定制
+* 支持百万级数据量的表格组件
+* 打包后随意目录部署（已经做好兼容设置）
+* 支持临时菜单配置
+* 提供“试验台”功能 方便展示系统功能调用方法 `1.1.4 +`
+* 多标签页模式 `1.1.4 +`
+* 美化滚动条 `1.1.4 +`
+* json view `1.1.4 +`
+
+## TODO
+
+D2Admin 仍然处于开发中，这里有一些暂时的计划：
+
+* 分离出简化版本
+* 推出基于 [ice](https://alibaba.github.io/ice) 平台的版本
+* 增加右上角通知中心
+* 增加一些实例页面以提供业务页面布局建议
+* 面包屑导航
+* 树型表格组件
+* 更多类型的编辑器
+* socket 连接
+* 浏览器版本提示
+* 日志控制台
+* d2-container 组件 ghost 模式和 full 模式合并
+* `1.1.4 已完成` 自定义滚动条
+* `1.1.4 已完成` 多 tab 页结构
+* `1.1.3 已完成` 更换图表库
+* `1.1.0 已完成` 抽离项目里的文档，集中存放在文档站点
+* `1.1.0 已完成` 对主界面进行一次完善，调整整体布局和颜色
+* `1.1.0 已完成` 切换主题功能
+
+欢迎你为 D2Admin 的开发作出贡献（代码编写/文档翻译）。
+
+## 目录结构
+
+```
+├─ build
+├─ config
+├─ deploy
+├─ dist
+├─ docs // 文档
+├─ src
+│ ├─ assets // 资源
+│ │ ├─ icons
+│ │ ├─ image
+│ │ ├─ library
+│ │ └─ style
+│ ├─ components // 组件
+│ │ ├─ charts // 图表组件
+│ │ ├─ core // 核心组件
+│ │ └─ demo // 示例组件
+│ ├─ i18n // 多国语
+│ ├─ libs // 通用库
+│ ├─ menu // 菜单
+│ ├─ mock // 模拟数据
+│ ├─ pages // 页面
+│ ├─ plugin // 插件
+│ ├─ router // 路由
+│ ├─ store // vuex
+│ ├─ App.vue
+│ └─ main.js
+├─ static // 静态资源
+├─ .babelrc
+├─ .editorconfig
+├─ .eslintignore
+├─ .eslintrc.js
+├─ .gitattributes
+├─ .gitignore
+├─ .postcssrc.js
+├─ LICENSE
+├─ README.md
+├─ index.html
+└─ package.json
+```
+
+## 获取代码
+
+有两种方式可以获得 D2Admin 的代码
+
+* 在 [releases](https://github.com/d2-projects/d2-admin/releases) 页面下载最新的发行版。发行版一般是完成了某个大升级或者修复重要 bug 后发布的压缩包，你可以下载下来直接使用
+
+* Fork 仓库到你的 github 然后克隆到本地，然后使用 master 分支继续你的开发。这种方式得到的是最新的代码，但是会有未完成的新功能。**不建议使用这种方式**
+
+* 由于 github 访问较慢，推荐前往码云仓库下载 [gitee.com/fairyever/d2-admin](https://gitee.com/fairyever/d2-admin)，码云上的仓库**在每次发布版本或者修复 bug 才会更新**，所以如果你选择此方法，请直接 fork 仓库并克隆到本地
+
+> 码云的仓库由 github 同步，但是发行版和标签同步有一些问题，所以推荐直接 fork 仓库
+
+## 使用
+
+```
+// 安装依赖
+npm i
+
+// 运行
+npm run dev
+
+// 打包
+npm run build
+```
+
+> 如果上述步骤出现错误，建议您升级 node 版本 > 8，如果有其它疑问请参考[常见问题](/zh/guide/question.html)
\ No newline at end of file
diff --git a/docs/zh/guide/change-log.md b/docs/zh/guide/change-log.md
new file mode 100644
index 00000000..81db1c67
--- /dev/null
+++ b/docs/zh/guide/change-log.md
@@ -0,0 +1,87 @@
+# 更新日志
+
+## v1.1.5 dev
+
+* [ 修改 ] 全局状态管理设计优化
+* [ 修改 ] 多标签页操作全部转移至 vuex
+* [ 修改 ] 修复了多标签页无法清除缓存的 bug
+* [ 修改 ] bug fixed [#38](https://github.com/d2-projects/d2-admin/issues/38)
+* [ 修改 ] bug fixed [#41](https://github.com/d2-projects/d2-admin/issues/41)
+
+## v1.1.4
+
+* [ 修改 ] 全局状态管理设计优化
+* [ 修改 ] 主题调优
+* [ 新增 ] playground 模块，方便测试和展示一些功能实现方式/调用方法
+* [ 新增 ] 灰度模式
+* [ 新增 ] 多页模式
+* [ 新增 ] 多页模式缓存
+* [ 新增 ] 多页模式快速关闭（关闭左侧 右侧 全部 其它）
+* [ 修改 ] 侧边栏滚动优化
+* [ 新增 ] `d2-container` 填充模式自定义滚动条
+* [ 新增 ] `d2-container` 组件卡片和隐形模式自定义滚动条
+* [ 新增 ] 现在页面标题可以根据路由做出对应变化了
+* [ 新增 ] 版本检查机制
+* [ 新增 ] `d2-container` 隐形模式支持 header 插槽
+* [ 新增 ] 版本检查可以设置为不显示提示框
+* [ 新增 ] 集成 json 查看组件
+* [ 新增 ] 添加了所有图表种类的演示页面
+* [ 修改 ] 修改布局方式，解决了在 Firefox 上 better-scroll 初始化拿不到正确高度的 bug
+* [ 新增 ] 右上角显示用户名，用户名持久存储
+
+## v1.1.3
+
+* [ 修复 ] 侧边栏在折叠时不显示的 bug
+* [ 新增 ] v-charts 插件
+* [ 新增 ] 一些演示图表（后续打算把 v-charts 文档上有示例性的演示都展示一下）
+* [ 修改 ] D2Admin 经典主题颜色调整
+* [ 新增 ] violet 主题
+* [ 新增 ] 菜单图标
+* [ 修改 ] 新制作了 Fork me 图片
+
+## v1.1.2
+
+* [ 修改 ] 删除了 G2 相关的依赖
+
+## v1.1.1
+
+* [ 修改 ] 删除了 G2 相关的代码（移除图表库）
+* [ 优化 ] 侧边栏取值逻辑
+
+## v1.1.0
+
+* [ 修改 ] 顶栏和侧边栏菜单新的结构生成方式，新的方案使用 数据 + 递归组件 实现无限制多级菜单
+* [ 修改 ] 路由注册回归最简单的写法
+* [ 修复 ] 首次加载 loading 样式类名和程序内类名冲突，新的加载类名使用 d2-app-loading 前缀
+* [ 修改 ] 所有类似 dd- 的样式前缀(包括自动注册图标的id前缀)统一改为 d2-
+* [ 修复 ] 修复 d2-highlight 组件和 d2-markdown 组件的样式冲突
+* [ 修改 ] 内置组件名称统一改为 d2- 前缀，统一使用横线连接 (kebab-case) 风格
+* [ 修改 ] 顶栏 logo 阴影删除
+* [ 新增 ] 主题系统
+* [ 新增 ] 三个主题，分别为 d2admin 经典，简约线条，流星
+* [ 修改 ] d2-markdown 组件 md 参数改名为 source
+* [ 修改 ] 删除了 d2-markdown 组件中图片的白色背景
+* [ 修改 ] 删除 timeago 插件，更换为更强大的 dayjs
+* [ 新增 ] Tomorrow Night Blue 主题
+* [ 修改 ] src/assets/style/public-class.scss 写法优化
+* [ 新增 ] [vue-bigdata-table](https://github.com/lison16/vue-bigdata-table)组件
+* [ 修复 ] 侧边栏内容超过一屏后显示错误
+* [ 新增 ] 自定义滚动条演示页面
+* [ 新增 ] 流星主题新增背景图片上层的半透明遮罩
+* [ 修复 ] 主题设置失效bug
+* [ 修复 ] router守卫验证登陆部分代码修改
+* [ 修复 ] d2-container 组件改为同步注册（之前的异步注册会有 mounted 生命周期问题，即 slot 内的页面在 mounted 生命周期内拿不到 dom）
+* [ 修复 ] d2-container 组件重构 flex 布局
+* [ 新增 ] 404 page
+* [ 新增 ] 顶栏联系方式
+* [ 新增 ] 右键菜单组件
+* [ 新增 ] 菜单配置支持空菜单（项目开发的时候有可能需要先把菜单做好查看效果）
+* [ 优化 ] 页面左侧菜单滚动条优化
+* [ 修复 ] CSS 边距工具类都加上了 `!important` 来保证在覆盖样式时生效
+* [ 修复 ] IE11 兼容性修复
+
+## v1.0.0
+
+[https://github.com/d2-projects/d2-admin/releases/tag/v1.0.0](https://github.com/d2-projects/d2-admin/releases/tag/v1.0.0)
+
+这是第一个版本，还有一点小问题，但是已经可用
\ No newline at end of file
diff --git a/docs/zh/guide/image/join@2x.png.REMOVED.git-id b/docs/zh/guide/image/join@2x.png.REMOVED.git-id
new file mode 100644
index 00000000..597c865a
--- /dev/null
+++ b/docs/zh/guide/image/join@2x.png.REMOVED.git-id
@@ -0,0 +1 @@
+f7a47389e6c0773e9d218227678ebb8850ea87e8
\ No newline at end of file
diff --git a/docs/zh/guide/image/preview@2x.png.REMOVED.git-id b/docs/zh/guide/image/preview@2x.png.REMOVED.git-id
new file mode 100644
index 00000000..7b05e991
--- /dev/null
+++ b/docs/zh/guide/image/preview@2x.png.REMOVED.git-id
@@ -0,0 +1 @@
+27e431bd9e4752dd51fe827a1281d606bd7bdf07
\ No newline at end of file
diff --git a/docs/zh/guide/pr.md b/docs/zh/guide/pr.md
new file mode 100644
index 00000000..b44bdb67
--- /dev/null
+++ b/docs/zh/guide/pr.md
@@ -0,0 +1,13 @@
+# 贡献指南
+
+## 如何贡献代码
+
+首先在[项目主页](https://github.com/d2-projects/d2-admin) fork 本仓库，然后进行你的开发，请确保你的开发是在 **dev** 分支进行。本地测试无误后方可 pull request，我在检查通过后会合并代码到原始仓库。
+
+## 要求
+
+本项目代码需要符合[vue.js 风格指南](https://cn.vuejs.org/v2/style-guide/)中[优先级A](https://cn.vuejs.org/v2/style-guide/#%E4%BC%98%E5%85%88%E7%BA%A7-A-%E7%9A%84%E8%A7%84%E5%88%99%EF%BC%9A%E5%BF%85%E8%A6%81%E7%9A%84-%E8%A7%84%E9%81%BF%E9%94%99%E8%AF%AF)和[优先级B](https://cn.vuejs.org/v2/style-guide/#%E4%BC%98%E5%85%88%E7%BA%A7-B-%E7%9A%84%E8%A7%84%E5%88%99%EF%BC%9A%E5%BC%BA%E7%83%88%E6%8E%A8%E8%8D%90-%E5%A2%9E%E5%BC%BA%E5%8F%AF%E8%AF%BB%E6%80%A7)的要求以及本项目中的 ESlint 校验
+
+::: tip
+由于项目初始没有仔细遵循风格指南，可能项目代码中已经存在不符合规范的代码，欢迎批评指正或者直接pr
+:::
\ No newline at end of file
diff --git a/docs/zh/guide/question.md b/docs/zh/guide/question.md
new file mode 100644
index 00000000..737676aa
--- /dev/null
+++ b/docs/zh/guide/question.md
@@ -0,0 +1,329 @@
+# 常见问题
+
+本章总结收到的用户反馈问题，集中展示，方便后续用户自助解决问题
+
+## 无法启动项目
+
+如果在 `run dev` 或者 `npm i` 的过程中报错，首先建议您升级 node 版本 > 8，在以下环境测试可用
+
+``` {10}
+➜ ~ npm -v
+5.6.0
+➜ ~ node -v
+v8.11.1
+➜ ~ nrm -V
+1.0.2
+➜ ~ nrm ls
+ npm ---- https://registry.npmjs.org/
+ cnpm --- http://r.cnpmjs.org/
+* taobao - https://registry.npm.taobao.org/
+ nj ----- https://registry.nodejitsu.com/
+ rednpm - http://registry.mirror.cqupt.edu.cn/
+ npmMirror https://skimdb.npmjs.com/registry/
+ edunpm - http://registry.enpmjs.org/
+```
+
+::: tip
+推荐使用 [nrm](https://github.com/Pana/nrm) 管理 npm 源，不建议使用 cnpm
+:::
+
+在正在开发的 1.2.x 版本（也有可能在你看到这的时候版本已经比 1.2.x 更晚）中，我们不再使用 npm 作为推荐的包安装工具，取而代之的是使用 [yarn](https://yarnpkg.com/zh-Hans/)，使用方法如下
+
+```
+// 安装依赖
+yarn
+// 启动调试服务
+yarn run serve
+```
+
+## node-sass 安装失败
+
+由于某些不可描述的原因，利用 npm 进行安装模块的时候会发生包下载失败的情况，node-sass 尤其的频繁，或者说 node-sass 的二进制文件是接近百分百失败的，即使用 yarn 安装也依旧在这个点失败，给出以下建议
+
+**方法1**
+
+首先，需要提前下载 node-sass 的二进制文件，这个文件可以去 cnpm 仓库下载或者 node-sass 的 github 上去下载，在下载之前我们需要先查看电脑的系统的版本，来确定适合哪个版本的二进制文件，查看版本的指令如下：
+
+``` sh
+node -p "[process.platform, process.arch, process.versions.modules].join('-')"
+```
+
+输入这个指令后会弹出一个系统版本，然后在下面两个地址中选择一个去下载对应系统版本的后缀为 .node 的 node-sass 文件
+
+[cnpm https://npm.taobao.org/mirrors/node-sass/](https://npm.taobao.org/mirrors/node-sass/)
+
+[github https://github.com/sass/node-sass/releases](https://github.com/sass/node-sass/releases)
+
+下载完保存到任意位置，最好放置到 package.json 所在位置。然后我们需要手动指定 node-sass 二进制文件的下载源为下载的那个文件，以下是npm与yanr的指令：
+
+npm
+
+``` sh
+npm config set sass-binary-path 你存放刚才下载的二进制文件的目录
+// 例如 npm config set sass-binary-path e:/web/win32-x64-48_binding.node
+```
+
+yarn
+
+``` sh
+yarn config set sass-binary-path 你存放刚才下载的二进制文件的目录
+// 例如 yarn config set sass-binary-path e:/web/win32-x64-48_binding.node
+```
+
+然后我们即可用正常指令下载了
+
+::: tip 注意
+此方法会绑定为本地文件，即无法更新 node-sass 了。如果不希望这样，请使用第二种方法
+:::
+
+**方法2**
+
+此方案将把下载源指定为cnpm仓库，更建议使用这种方法
+
+全部的下载源指向cnpm的指令
+
+npm
+
+``` sh
+npm config set registry http://registry.npm.taobao.org
+```
+
+yarn
+
+``` sh
+yarn config set registry http://registry.npm.taobao.org
+```
+
+只指定node-sass的下载源（建议使用）
+
+npm
+
+``` sh
+npm config set sass-binary-site http://npm.taobao.org/mirrors/node-sass
+```
+
+yarn
+
+``` sh
+yarn config set sass-binary-site http://npm.taobao.org/mirrors/node-sass
+```
+
+## 无法跳转路由
+
+有可能你在 D2Admin 的基础上进行你的开发时，发现在登陆页面进行
+
+``` js
+this.$router.push({ name: 'index' })
+```
+
+跳转的时候页面并没有跳转，这是因为你很有可能没有进行下面的操作：
+
+``` js
+Cookies.set('token', res.token, setting)
+```
+
+原因根源是在 `src/router/index.js` 中有如下一段代码，根据 `token` 判断用户是否登陆
+
+``` js {3-9}
+router.beforeEach((to, from, next) => {
+ if (to.matched.some(r => r.meta.requiresAuth)) {
+ if (Cookies.get('token')) {
+ next()
+ } else {
+ next({
+ name: 'login'
+ })
+ }
+ } else {
+ next()
+ }
+})
+```
+
+所以如果你没有存 token 字段在 cookie 中，路由鉴权机制将会重定向到登录页
+
+如果你想修改基于 token 验证用户登陆状态的机制，请在 `./src` 下搜索 `token` 关键字并修改他们，但是我**十分不建议你修改它们**
+
+最好的做法是在登陆后返回本次登陆的 token 并且存储在 cookie 中，然后在每次 ajax 请求时都携带这个 token 给后端做权限验证（必要的话你可以还可以增加 token 的更新机制）
+
+::: tip 同样需要注意的地方
+除了需要在 cookie 中保存 token，你还要保存 uuid 字段，意为“用户唯一标识”
+
+``` js
+Cookies.set('uuid', res.uuid, setting)
+```
+
+D2Admin 会在很多地方使用 cookie 中的此字段区分用户，比如不同用户选择的不同主题的数据持久化，还有不同用户打开的多标签页数据的持久化存储。
+:::
+
+## 文档运行报错
+
+这里目前还有一个小遗憾，d2admin 使用的 webpack 版本不能符合 vuepress 的要求，所以如果你想在本地启动文档站点的服务，需要按下述步骤
+
+首先将 vuepress 安装到全局
+
+``` sh
+npm i -g vuepress
+```
+
+启动服务
+
+``` sh
+npm run doc:dev
+```
+
+::: tip
+你可能会发现项目目录中有一个 deploy 文件夹，这个文件是为了方便发布和提交代码用的，通常你并不需要使用它
+:::
+
+## 删除页面右上角 github 链接
+
+在 `src/components/demo/d2-demo-page-cover/index.vue` 中删除相关代码即可
+
+## 兼容性
+
+首先 vue.js 和 ElementUI 做不到兼容的，D2Admin 肯定也兼容不了，实测在 macOS 下 Chrome 和新版本的火狐浏览器以及 Safari 都正常使用，这类管理系统一般是内部使用，通常不必太纠结兼容低版本浏览器，如果你发现了显示的 bug，可以加 QQ 群反应，如果你可以修复这个 bug 使其在你的浏览器上显示正常，欢迎你的 pr。
+
+## 删除项目里的 G2 图表库
+
+出于为用户考虑，作者个人实现的图表集成方案肯定不如其它专门做这方面的开源产品（这是肯定的，客观来讲作者的个人水平和 v-charts 的团队水平不在一个等级），所以G2 图表库在 `1.1.1` 版本删除，后续版本换成 `v-charts`。如果你在开始使用 D2Admin 是在 `1.1.0` 以及之前，你的项目里应该有 G2 图表库，如果你不想保留，下面的向导将会指导你删除它
+
+::: tip
+下面的教程都是在 `1.1.0` 版本（行号为下载后没进行任何改动的行号）基础上
+:::
+
+1. 删除相关路由
+
+删除文件 `src/router/index.js` 中 **34 ~ 53** 行代码
+
+``` js
+{
+ path: '/demo/chart',
+ name: 'demo-chart',
+ meta,
+ redirect: { name: 'demo-chart-index' },
+ component: () => import('@/components/core/d2-layout-main'),
+ children: (pre => [
+ ...
+ ])('demo-chart-')
+},
+```
+
+2. 删除菜单
+
+删除文件 `src/menu/index.js` 中 **119 ~ 143** 以及 **240** 和 **256** 行代码
+
+``` js
+// 路由菜单 图表
+const demoChart = {
+ path: '/demo/chart',
+ title: '图表 G2',
+ icon: 'pie-chart',
+ children: (pre => [
+ ...
+ ])('/demo/chart/')
+}
+```
+
+``` js {5,12}
+export const side = [
+ demoPlugins,
+ demoComponents,
+ demoElement,
+ demoChart // <- 注意这里
+]
+// 修改为
+export const side = [
+ demoPlugins,
+ demoComponents,
+ demoElement
+ // 删除了 demoChart
+]
+```
+
+``` js {13,31}
+export default [
+ {
+ path: '/index',
+ title: '首页'
+ },
+ {
+ path: '/demo',
+ title: '集成功能',
+ children: [
+ demoPlugins,
+ demoComponents,
+ demoElement,
+ demoChart, // <- 注意这里
+ {
+ title: '空菜单演示',
+ icon: 'folder-o',
+ children: [ ...
+// 修改为
+export default [
+ {
+ path: '/index',
+ title: '首页'
+ },
+ {
+ path: '/demo',
+ title: '集成功能',
+ children: [
+ demoPlugins,
+ demoComponents,
+ demoElement,
+ // 删除了 demoChart
+ {
+ title: '空菜单演示',
+ icon: 'folder-o',
+ children: [ ...
+```
+
+3. 删除文件
+
+* 删除 `src/components/charts` 目录
+
+* 删除 `src/components/index.js` 中的相关内容（高亮部分）
+
+```js {5-6}
+// 核心组件
+import './core/register'
+// 非核心组件 只是在很多演示页面中用到的组件
+import './demo/register'
+// 图表组件
+import './charts/register'
+```
+
+* 删除 `src/mock/chart` 目录
+
+* 删除 `src/mock/register.js` 中的相关内容（高亮部分）
+
+```js {7}
+import Mock from 'mockjs'
+
+import '@/mock/ajax-demo'
+
+import '@/mock/login'
+
+import '@/mock/chart/register.js'
+
+// 设置全局延时 没有延时的话有时候会检测不到数据变化 建议保留
+Mock.setup({
+ timeout: '300-600'
+})
+```
+
+* 删除 `src/pages/demo/chart` 目录
+
+4. 删除依赖
+
+打开终端 cd 到项目文件夹，执行
+
+``` sh
+npm remove @antv/data-set -S
+npm remove @antv/g2 -S
+```
+
+## 项目里有未完成的代码
+
+有些示例（比如 v-charts 和 ElementUI）是很方便就可以找到官网示例和文档的，这些插件和组件的示例在本项目中就可能处于未完成的状态，但是以后会完成
\ No newline at end of file
diff --git a/docs/zh/others/README.md b/docs/zh/others/README.md
new file mode 100644
index 00000000..7fd6cd21
--- /dev/null
+++ b/docs/zh/others/README.md
@@ -0,0 +1,3 @@
+# 其它
+
+这里主要是介绍一些其它的信息
\ No newline at end of file
diff --git a/docs/zh/others/css.md b/docs/zh/others/css.md
new file mode 100644
index 00000000..8974e668
--- /dev/null
+++ b/docs/zh/others/css.md
@@ -0,0 +1,77 @@
+# CSS 工具类
+
+## 文字
+
+| 类名 | 效果 |
+| --- | --- |
+| `.d2-text-center` | 文字水平居中 |
+
+## 浮动
+
+| 类名 | 效果 |
+| --- | --- |
+| `.d2-fl` | 左浮动 |
+| `.d2-fr` | 右浮动 |
+| `.d2-clearfix` | 清除浮动 |
+
+## 边距
+
+| 类名 | 效果 |
+| --- | --- |
+| `.d2-m-0` | 外边距 0px |
+| `.d2-mt-0` | 上外边距 0px |
+| `.d2-mr-0` | 右外边距 0px |
+| `.d2-mb-0` | 下外边距 0px |
+| `.d2-ml-0` | 左外边距 0px |
+| `.d2-p-0` | 内边距 0px |
+| `.d2-pt-0` | 上内边距 0px |
+| `.d2-pr-0` | 右内边距 0px |
+| `.d2-pb-0` | 下内边距 0px |
+| `.d2-pl-0` | 左内边距 0px |
+| `.d2-m-10` | 外边距 10px |
+| `.d2-mt-10` | 上外边距 10px |
+| `.d2-mr-10` | 右外边距 10px |
+| `.d2-mb-10` | 下外边距 10px |
+| `.d2-ml-10` | 左外边距 10px |
+| `.d2-p-10` | 内边距 10px |
+| `.d2-pt-10` | 上内边距 10px |
+| `.d2-pr-10` | 右内边距 10px |
+| `.d2-pb-10` | 下内边距 10px |
+| `.d2-pl-10` | 左内边距 10px |
+| `.d2-m-15` | 外边距 15px |
+| `.d2-mt-15` | 上外边距 15px |
+| `.d2-mr-15` | 右外边距 15px |
+| `.d2-mb-15` | 下外边距 15px |
+| `.d2-ml-15` | 左外边距 15px |
+| `.d2-p-15` | 内边距 15px |
+| `.d2-pt-15` | 上内边距 15px |
+| `.d2-pr-15` | 右内边距 15px |
+| `.d2-pb-15` | 下内边距 15px |
+| `.d2-pl-15` | 左内边距 15px |
+| `.d2-m-20` | 外边距 20px |
+| `.d2-mt-20` | 上外边距 20px |
+| `.d2-mr-20` | 右外边距 20px |
+| `.d2-mb-20` | 下外边距 20px |
+| `.d2-ml-20` | 左外边距 20px |
+| `.d2-p-20` | 内边距 20px |
+| `.d2-pt-20` | 上内边距 20px |
+| `.d2-pr-20` | 右内边距 20px |
+| `.d2-pb-20` | 下内边距 20px |
+| `.d2-pl-20` | 左内边距 20px |
+
+## 边距简写
+
+20px 设定为通用边距 可以如下简写
+
+| 类名 | 效果 |
+| --- | --- |
+| `.d2-m` | 外边距 20px |
+| `.d2-mt` | 上外边距 20px |
+| `.d2-mr` | 右外边距 20px |
+| `.d2-mb` | 下外边距 20px |
+| `.d2-ml` | 左外边距 20px |
+| `.d2-p` | 内边距 20px |
+| `.d2-pt` | 上内边距 20px |
+| `.d2-pr` | 右内边距 20px |
+| `.d2-pb` | 下内边距 20px |
+| `.d2-pl` | 左内边距 20px |
\ No newline at end of file
diff --git a/docs/zh/plugins/README.md b/docs/zh/plugins/README.md
new file mode 100644
index 00000000..d5688fce
--- /dev/null
+++ b/docs/zh/plugins/README.md
@@ -0,0 +1,7 @@
+# 插件概述
+
+d2-admin（以下简称 d2admin）封装（或者集成第三方）了一些插件，方便开发者进行开发，具体组件文档请从左侧列表进入
+
+::: tip
+这里只列出一部分需要特别说明的插件，大部分集成的插件都可以在网络上找到官方文档
+:::
\ No newline at end of file
diff --git a/docs/zh/plugins/data-export.md b/docs/zh/plugins/data-export.md
new file mode 100644
index 00000000..5ebc9b91
--- /dev/null
+++ b/docs/zh/plugins/data-export.md
@@ -0,0 +1,148 @@
+# 表格导出
+
+本框架集成了数据导出功能，并包装成插件
+
+## 注册插件
+
+``` js
+import pluginExport from '@/plugin/export'
+Vue.use(pluginExport)
+```
+
+之后就可以在组件中使用 `this.$export` 来调用导出功能
+
+::: tip
+d2admin 已经帮你注册好，可以直接使用，无需写上面的代码
+:::
+
+## 导出 csv
+
+此方法将数据以 `csv` 格式导出，并且返回一个 `Promise` 对象
+
+使用
+
+``` js
+this.$export.csv({
+ columns,
+ data
+})
+ .then(() => {
+ // ...可选回调
+ })
+```
+
+参数
+
+| 参数名 | 介绍 | 必选 | 值类型 | 可选值 | 默认值 |
+| --- | --- | --- | --- | --- | --- |
+| columns | 列 | 非 | Array | | 空数组 |
+| data | 行数据 | 非 | Array | | 空数组 |
+| title | 文件名 | 非 | String | | table |
+| noHeader | 不导出表头 | 非 | Boolean | | false |
+| separator | 数据分隔符 | 非 | String | | , |
+| quoted | 每项数据是否加引号 | 非 | Boolean | | false |
+
+示例
+
+``` js
+const columns = [
+ {
+ label: '姓名',
+ prop: 'name'
+ },
+ {
+ label: '年龄',
+ prop: 'age'
+ }
+]
+const data = [
+ {
+ name: 'lucy',
+ age: 24
+ },
+ {
+ name: 'bob',
+ age: 26
+ }
+]
+this.$export.csv({
+ columns,
+ data
+})
+```
+
+## 导出 xlsx
+
+此方法将数据以 `xlsx` 格式导出，并且返回一个 `Promise` 对象
+
+使用
+
+``` js
+this.$export.excel({
+ columns,
+ data
+})
+ .then(() => {
+ // ...可选回调
+ })
+```
+
+参数
+
+| 参数名 | 介绍 | 必选 | 值类型 | 可选值 | 默认值 |
+| --- | --- | --- | --- | --- | --- |
+| columns | 列 | 非 | Array | | 空数组 |
+| data | 行数据 | 非 | Array | | 空数组 |
+| title | 文件名 | 非 | String | | table |
+
+示例
+
+``` js
+const columns = [
+ {
+ label: '姓名',
+ prop: 'name'
+ },
+ {
+ label: '年龄',
+ prop: 'age'
+ }
+]
+const data = [
+ {
+ name: 'lucy',
+ age: 24
+ },
+ {
+ name: 'bob',
+ age: 26
+ }
+]
+this.$export.excel({
+ columns,
+ data
+})
+```
+
+## 导出 txt
+
+此方法将数据以 `txt` 格式导出，并且返回一个 `Promise` 对象
+
+使用
+
+``` js
+this.$export.txt({
+ text: '文本内容',
+ title: '文件名'
+})
+ .then(() => {
+ // ...可选回调
+ })
+```
+
+参数
+
+| 参数名 | 介绍 | 必选 | 值类型 | 可选值 | 默认值 |
+| --- | --- | --- | --- | --- | --- |
+| text | 文件内容 | 非 | String | | 空 |
+| title | 文件名 | 非 | String | | 文本 |
diff --git a/docs/zh/plugins/data-import.md b/docs/zh/plugins/data-import.md
new file mode 100644
index 00000000..817abefe
--- /dev/null
+++ b/docs/zh/plugins/data-import.md
@@ -0,0 +1,64 @@
+# 表格导入
+
+本框架集成了数据导入功能，并包装成插件
+
+## 注册插件
+
+``` js
+import pluginImport from '@/plugin/import'
+Vue.use(pluginImport)
+```
+
+之后就可以在组件中使用 `this.$import` 来调用导出功能
+
+::: tip
+d2admin 已经帮你注册好，可以直接使用，无需写上面的代码
+:::
+
+## 导入 csv
+
+导入csv文件，并且返回一个 `Promise` 对象
+
+``` js
+// 在选择文件后调用
+handleUpload (file) {
+ this.$import.csv(file)
+ .then(res => {
+ this.table.columns = Object.keys(res.data[0]).map(e => ({
+ label: e,
+ prop: e
+ }))
+ this.table.data = res.data
+ })
+ // 阻止默认的上传
+ return false
+}
+```
+
+## 导入 xlsx
+
+导入xlsx文件，并且返回一个 `Promise` 对象
+
+**注意 导入的表格文件第一行应为表头**
+
+参考下述示例使用
+
+``` js
+// 在选择文件后调用
+handleUpload (file) {
+ this.$import.xlsx(file)
+ .then(({header, results}) => {
+ // header 为表头
+ // results 为内容
+ this.table.columns = header.map(e => {
+ return {
+ label: e,
+ prop: e
+ }
+ })
+ this.table.data = results
+ })
+ // 阻止默认的上传
+ return false
+}
+```
\ No newline at end of file
diff --git a/docs/zh/plugins/i18n.md b/docs/zh/plugins/i18n.md
new file mode 100644
index 00000000..12e2522a
--- /dev/null
+++ b/docs/zh/plugins/i18n.md
@@ -0,0 +1,124 @@
+# 多国语
+
+多国语插件
+
+::: tip
+此文档仅限于演示如何在 `D2Admin` 中使用多国语言设置
+:::
+
+公用的语言设置建议放在 `src/i18n` 下
+
+i18n 文件夹结构如下所示
+
+```
+|__index.js // 主文件
+|__lang // 语言配置文件夹
+| |__cn // 中文
+| | |__index.js // 中文 公用配置
+| |__ja // 日语
+| | |__index.js // 日语 公用配置
+| |__en // 英语
+| | |__index.js // 英语 公用配置
+```
+
+在 `src/i18n/index.js` 中导入同级lang文件夹内的语言设置，并导出一个新的 `VueI18n` 实例供 `main.js` 使用
+
+``` js
+import i18n from './i18n'
+new Vue({
+ el: '#app',
+ store,
+ i18n, // 使用 i18n
+ router,
+ template: '
+ {{$t('hello')}}
+
+ {{$t('check.label.Beijing')}}
+ {{$t('check.label.Tokyo')}}
+ {{$t('check.label.NewYork')}}
+
+
+
+
+
+```
+
+在同一文件夹下的 `lang.json`
+
+``` json
+{
+ "cn": {
+ "hello": "你好",
+ "check": {
+ "title": "请选择",
+ "label": {
+ "Beijing": "北京",
+ "Tokyo": "东京",
+ "NewYork": "纽约"
+ }
+ }
+ },
+ "en": {
+ "hello": "hello",
+ "check": {
+ "title": "Please choose",
+ "label": {
+ "Beijing": "Beijing",
+ "Tokyo": "Tokyo",
+ "NewYork": "NewYork"
+ }
+ }
+ },
+ "ja": {
+ "hello": "こんにちは",
+ "check": {
+ "title": "選択してください",
+ "label": {
+ "Beijing": "北京",
+ "Tokyo": "東京",
+ "NewYork": "ニューヨーク"
+ }
+ }
+ }
+}
+```
+
+详细教程请查看官方文档，见此页右上角的链接
\ No newline at end of file
diff --git a/docs/zh/plugins/mock.md b/docs/zh/plugins/mock.md
new file mode 100644
index 00000000..edb33169
--- /dev/null
+++ b/docs/zh/plugins/mock.md
@@ -0,0 +1,221 @@
+# 模拟数据
+
+在 `src/mock/demo/001.js` 配置拦截返回的数据
+
+## 使用
+
+``` js
+import Mock from 'mockjs'
+
+Mock.mock('/api/demo/001', {
+ 'list|4-10': [{
+ 'id|+1': 1,
+ 'name': '@CNAME',
+ 'star|1-5': '★',
+ 'delFlag|1': [0, 1],
+ 'creatDate': '@DATE',
+ 'address': '@CITY',
+ 'zip': '@ZIP'
+ }]
+})
+```
+
+请求数据
+
+``` js
+ajax () {
+ this.$axios.get('/api/demo/001')
+ .then(res => {
+ this.table.columns = Object.keys(res.data.list[0]).map(e => ({
+ label: e,
+ prop: e
+ }))
+ this.table.data = res.data.list
+ })
+}
+```
+
+## mock 语法规范
+
+Mock.js 的语法规范包括两部分：
+
+1. 数据模板定义规范（Data Template Definition，DTD）
+2. 数据占位符定义规范（Data Placeholder Definition，DPD）
+
+### 数据模板定义规范 DTD
+
+**数据模板中的每个属性由 3 部分构成：属性名、生成规则、属性值：**
+
+``` js
+// 属性名 name
+// 生成规则 rule
+// 属性值 value
+'name|rule': value
+```
+
+**注意：**
+
+* _属性名_ 和 _生成规则_ 之间用竖线 `|` 分隔。
+* _生成规则_ 是可选的。
+* _生成规则_ 有 7 种格式：
+ 1. `'name|min-max': value`
+ 1. `'name|count': value`
+ 1. `'name|min-max.dmin-dmax': value`
+ 1. `'name|min-max.dcount': value`
+ 1. `'name|count.dmin-dmax': value`
+ 1. `'name|count.dcount': value`
+ 1. `'name|+step': value`
+* **_生成规则_ 的 含义 需要依赖 _属性值的类型_ 才能确定。**
+* _属性值_ 中可以含有 `@占位符`。
+* _属性值_ 还指定了最终值的初始值和类型。
+
+
+
+**生成规则和示例：**
+
+#### 1. 属性值是字符串 **String**
+
+1. `'name|min-max': string`
+
+ 通过重复 `string` 生成一个字符串，重复次数大于等于 `min`，小于等于 `max`。
+
+2. `'name|count': string`
+
+ 通过重复 `string` 生成一个字符串，重复次数等于 `count`。
+
+#### 2. 属性值是数字 **Number**
+
+1. `'name|+1': number`
+
+ 属性值自动加 1，初始值为 `number`。
+
+2. `'name|min-max': number`
+
+ 生成一个大于等于 `min`、小于等于 `max` 的整数，属性值 `number` 只是用来确定类型。
+
+3. `'name|min-max.dmin-dmax': number`
+
+ 生成一个浮点数，整数部分大于等于 `min`、小于等于 `max`，小数部分保留 `dmin` 到 `dmax` 位。
+
+``` js
+Mock.mock({
+ 'number1|1-100.1-10': 1,
+ 'number2|123.1-10': 1,
+ 'number3|123.3': 1,
+ 'number4|123.10': 1.123
+})
+// =>
+{
+ "number1": 12.92,
+ "number2": 123.51,
+ "number3": 123.777,
+ "number4": 123.1231091814
+}
+```
+
+#### 3. 属性值是布尔型 **Boolean**
+
+1. `'name|1': boolean`
+
+ 随机生成一个布尔值，值为 true 的概率是 1/2，值为 false 的概率同样是 1/2。
+
+2. `'name|min-max': value`
+
+ 随机生成一个布尔值，值为 `value` 的概率是 `min / (min + max)`，值为 `!value` 的概率是 `max / (min + max)`。
+
+#### 4. 属性值是对象 **Object**
+
+1. `'name|count': object`
+
+ 从属性值 `object` 中随机选取 `count` 个属性。
+
+2. `'name|min-max': object`
+
+ 从属性值 `object` 中随机选取 `min` 到 `max` 个属性。
+
+#### 5. 属性值是数组 **Array**
+
+1. `'name|1': array`
+
+ 从属性值 `array` 中随机选取 1 个元素，作为最终值。
+
+2. `'name|+1': array`
+
+ 从属性值 `array` 中顺序选取 1 个元素，作为最终值。
+
+3. `'name|min-max': array`
+
+ 通过重复属性值 `array` 生成一个新数组，重复次数大于等于 `min`，小于等于 `max`。
+
+4. `'name|count': array`
+
+ 通过重复属性值 `array` 生成一个新数组，重复次数为 `count`。
+
+#### 6. 属性值是函数 **Function**
+
+1. `'name': function`
+
+ 执行函数 `function`，取其返回值作为最终的属性值，函数的上下文为属性 `'name'` 所在的对象。
+
+#### 7. 属性值是正则表达式 **RegExp**
+
+1. `'name': regexp`
+
+ 根据正则表达式 `regexp` 反向生成可以匹配它的字符串。用于生成自定义格式的字符串。
+
+ ``` js
+ Mock.mock({
+ 'regexp1': /[a-z][A-Z][0-9]/,
+ 'regexp2': /\w\W\s\S\d\D/,
+ 'regexp3': /\d{5,10}/
+ })
+ // =>
+ {
+ "regexp1": "pJ7",
+ "regexp2": "F)\fp1G",
+ "regexp3": "561659409"
+ }
+ ```
+
+### 数据占位符定义规范 DPD
+
+_占位符_ 只是在属性值字符串中占个位置，并不出现在最终的属性值中。
+
+_占位符_ 的格式为：
+
+```
+@占位符
+@占位符(参数 [, 参数])
+```
+
+**注意：**
+
+1. 用 `@` 来标识其后的字符串是 _占位符_。
+2. _占位符_ 引用的是 `Mock.Random` 中的方法。
+3. 通过 `Mock.Random.extend()` 来扩展自定义占位符。
+4. _占位符_ 也可以引用 _数据模板_ 中的属性。
+5. _占位符_ 会优先引用 _数据模板_ 中的属性。
+6. _占位符_ 支持 _相对路径_ 和 _绝对路径_。
+
+``` js
+Mock.mock({
+ name: {
+ first: '@FIRST',
+ middle: '@FIRST',
+ last: '@LAST',
+ full: '@first @middle @last'
+ }
+})
+// =>
+{
+ "name": {
+ "first": "Charles",
+ "middle": "Brenda",
+ "last": "Lopez",
+ "full": "Charles Brenda Lopez"
+ }
+}
+```
+
+
+
diff --git a/package.json b/package.json
index fabe51cf..122c596c 100644
--- a/package.json
+++ b/package.json
@@ -6,7 +6,9 @@
"serve": "vue-cli-service serve --open",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint --fix",
- "test:unit": "vue-cli-service test:unit"
+ "test:unit": "vue-cli-service test:unit",
+ "doc:dev": "vuepress dev docs",
+ "doc:build": "vuepress build docs"
},
"dependencies": {
"axios": "^0.17.1",
diff --git a/public/theme/line/bg.jpg.REMOVED.git-id b/public/image/theme/line/bg.jpg.REMOVED.git-id
similarity index 100%
rename from public/theme/line/bg.jpg.REMOVED.git-id
rename to public/image/theme/line/bg.jpg.REMOVED.git-id
diff --git a/public/theme/line/preview@2x.png.REMOVED.git-id b/public/image/theme/line/preview@2x.png.REMOVED.git-id
similarity index 100%
rename from public/theme/line/preview@2x.png.REMOVED.git-id
rename to public/image/theme/line/preview@2x.png.REMOVED.git-id
diff --git a/public/theme/star/bg.jpg.REMOVED.git-id b/public/image/theme/star/bg.jpg.REMOVED.git-id
similarity index 100%
rename from public/theme/star/bg.jpg.REMOVED.git-id
rename to public/image/theme/star/bg.jpg.REMOVED.git-id
diff --git a/public/theme/star/preview@2x.png.REMOVED.git-id b/public/image/theme/star/preview@2x.png.REMOVED.git-id
similarity index 100%
rename from public/theme/star/preview@2x.png.REMOVED.git-id
rename to public/image/theme/star/preview@2x.png.REMOVED.git-id
diff --git a/public/theme/violet/preview@2x.png.REMOVED.git-id b/public/image/theme/violet/preview@2x.png.REMOVED.git-id
similarity index 100%
rename from public/theme/violet/preview@2x.png.REMOVED.git-id
rename to public/image/theme/violet/preview@2x.png.REMOVED.git-id
diff --git a/src/assets/style/theme/list.js b/src/assets/style/theme/list.js
index 105e90d7..c2c4a2e6 100644
--- a/src/assets/style/theme/list.js
+++ b/src/assets/style/theme/list.js
@@ -2,28 +2,28 @@ export default [
{
title: 'd2admin 经典',
name: 'd2',
- preview: 'theme/d2/preview@2x.png'
+ preview: 'image/theme/d2/preview@2x.png'
},
{
title: '紫罗兰',
name: 'violet',
- preview: 'theme/violet/preview@2x.png'
+ preview: 'image/theme/violet/preview@2x.png'
},
{
title: '简约线条',
name: 'line',
- backgroundImage: 'theme/line/bg.jpg',
- preview: 'theme/line/preview@2x.png'
+ backgroundImage: 'image/theme/line/bg.jpg',
+ preview: 'image/theme/line/preview@2x.png'
},
{
title: '流星',
name: 'star',
- backgroundImage: 'theme/star/bg.jpg',
- preview: 'theme/star/preview@2x.png'
+ backgroundImage: 'image/theme/star/bg.jpg',
+ preview: 'image/theme/star/preview@2x.png'
},
{
title: 'Tomorrow Night Blue (vsCode)',
name: 'tomorrow-night-blue',
- preview: 'theme/tomorrow-night-blue/preview@2x.png'
+ preview: 'image/theme/tomorrow-night-blue/preview@2x.png'
}
]
diff --git a/src/assets/style/theme/theme-base.scss b/src/assets/style/theme/theme-base.scss
index a9622a96..668b6892 100644
--- a/src/assets/style/theme/theme-base.scss
+++ b/src/assets/style/theme/theme-base.scss
@@ -146,6 +146,11 @@
.d2-theme-container {
// 侧边栏
.d2-theme-container-aside {
+ %d2-theme-container-aside-menu-icon {
+ width: 20px;
+ text-align: center;
+ font-size: 16px;
+ }
// [菜单] 正常状态
.el-menu {
@extend %unable-select;
@@ -153,9 +158,7 @@
border-right: none;
.el-menu-item {
i {
- margin-left: 4px;
- margin-right: 5px;
- font-size: 16px;
+ @extend %d2-theme-container-aside-menu-icon;
}
}
}
@@ -163,9 +166,7 @@
@extend %unable-select;
.el-submenu__title {
i {
- margin-left: 4px;
- margin-right: 5px;
- font-size: 16px;
+ @extend %d2-theme-container-aside-menu-icon;
}
.el-submenu__icon-arrow {
margin-top: -10px;
diff --git a/src/components/core/d2-layout-main/index.vue b/src/components/core/d2-layout-main/index.vue
index 7012042a..080e58cc 100644
--- a/src/components/core/d2-layout-main/index.vue
+++ b/src/components/core/d2-layout-main/index.vue
@@ -10,8 +10,8 @@
{{$t('check.title')}}
+
- ![]()
- ![]()
+ ![]()
+ ![]()