+
+
+## Backers
+
+Thank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/ant-design-pro-vue#backer)]
+
+
+
+
+## Sponsors
+
+Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/ant-design-pro-vue#sponsor)]
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/ui/babel.config.js b/ui/babel.config.js
new file mode 100644
index 00000000..60d219e0
--- /dev/null
+++ b/ui/babel.config.js
@@ -0,0 +1,20 @@
+module.exports = {
+ presets: [
+ '@vue/app',
+ [
+ '@babel/preset-env',
+ {
+ 'useBuiltIns': 'entry'
+ }
+ ]
+ ]
+ // if your use import on Demand, Use this code
+ // ,
+ // plugins: [
+ // [ 'import', {
+ // 'libraryName': 'ant-design-vue',
+ // 'libraryDirectory': 'es',
+ // 'style': true // `style: true` 会加载 less 文件
+ // } ]
+ // ]
+}
diff --git a/ui/docs/add-page-loading-animate.md b/ui/docs/add-page-loading-animate.md
new file mode 100644
index 00000000..dfe49199
--- /dev/null
+++ b/ui/docs/add-page-loading-animate.md
@@ -0,0 +1,31 @@
+为首屏增加 加载动画
+====
+
+
+
+## 需求
+
+> 为了缓解用户第一次访问时，加载 JS 过大所导致用户等待白屏时间过长导致的用户体验不好，进行的一个优化动效。
+
+
+
+## 实现方案
+
+1. 将 动画加载 dom 元素放在 #app 内，Vue 生命周期开始时，会自动清掉 #app 下的所有元素。
+2. 将 动画加载 dom 元素放在 body 下，Vue 生命周期开始时 App.vue (created, mounted) 调用 `@/utils/utll` 下的 removeLoadingAnimate(#id, timeout) 则会移除加载动画
+
+最后一步：
+ 将样式插入到 `public/index.html` 文件的 `` 最好写成内联 ``
+
+
+
+----
+
+目前提供有两个样式，均在 `public/loading` 文件夹内。且 pro 已经默认使用了一套 loading 动画方案，可以直接参考 `public/index.html`
+
+
+## 写在最后
+
+目前 pro 有页面 overflow 显示出浏览器滚动条时，页面会抖动一下的问题。
+
+欢迎各位提供能解决的方案和实现 demo。如果在条件允许的情况下，建议请直接使用 pro 进行改造，也欢迎直接 PR 到 pro 的仓库
diff --git a/ui/docs/load-on-demand.md b/ui/docs/load-on-demand.md
new file mode 100644
index 00000000..3449a440
--- /dev/null
+++ b/ui/docs/load-on-demand.md
@@ -0,0 +1,101 @@
+按需加载 减小打包
+====
+
+
+
+## 按需引入组件依赖
+
+`Ant Design Pro Vue` 默认编码工作并不支持按需引入，不过可以通过以下操作结合 [Ant Design Of Vue](https://vuecomponent.github.io/ant-design-vue/docs/vue/introduce-cn/) 官方文档来进行按需引入。
+
+- 增加项目按需引入依赖
+- 修改引入组件方式
+
+
+
+1. 增加按需引入所需依赖 `babel-plugin-import`
+并且修改文件 `babel.config.js`
+ ```ecmascript 6
+ module.exports = {
+ presets: [
+ '@vue/app'
+ ],
+ plugins: [
+ [ "import", {
+ "libraryName": "ant-design-vue",
+ "libraryDirectory": "es",
+ "style": "css"
+ } ]
+ ]
+ }
+ ```
+
+
+2. 修改引入组件方式 (注意，这只是一个例子，请完整引入你所需要的组件)
+
+ 文件 `@/components/use.js`
+
+ ```javascript
+ import Vue from 'vue'
+ import {
+ Input,
+ Button,
+ Select,
+ Card,
+ Form,
+ Row,
+ Col,
+ Modal,
+ Table,
+ notification
+ } from 'ant-design-vue'
+
+ Vue.use(Input)
+ Vue.use(Button)
+ Vue.use(Select)
+ Vue.use(Card)
+ Vue.use(Form)
+ Vue.use(Row)
+ Vue.use(Col)
+ Vue.use(Modal)
+ Vue.use(Table)
+ Vue.use(notification)
+
+ Vue.prototype.$notification = notification;
+ ```
+
+
+3. 最后在 `main.js` 中引入 `@/components/use.js` 文件即可，如下
+
+ ```javascript
+
+ import Vue from 'vue'
+ import App from './App'
+
+ // 引入 按需组件的统一引入文件
+ import './components/use'
+
+ import './style/index.less'
+
+
+ Vue.config.productionTip = false
+
+ new Vue({
+ render: h => h(App),
+ }).$mount('#app')
+
+ ```
+
+**具体完整实现可参考分支 [feature/demand_load](https://github.com/sendya/ant-design-pro-vue/tree/feature/demand_load)**
+
+
+
+
+
+
+
+## 其他 减少打包大小
+
+
+
+1. Ant Design Vue 1.2.x 版本起，采用的 ant-design 官方方案 svg Icon 组件，整个项目打包会变大很多，图标进行按需加载可参考 https://github.com/HeskeyBaozi/reduce-antd-icons-bundle-demo
+2. moment 按需加载 可参考 https://github.com/jmblog/how-to-optimize-momentjs-with-webpack
\ No newline at end of file
diff --git a/ui/docs/multi-tabs.md b/ui/docs/multi-tabs.md
new file mode 100644
index 00000000..d9fd2552
--- /dev/null
+++ b/ui/docs/multi-tabs.md
@@ -0,0 +1,20 @@
+多(页签)标签 模式
+====
+
+
+## 让框架支持打开的页面增加多标签，可随时切换
+
+### 关于如何移除该功能 组件
+ 1. 移除 `/src/components/layouts/BasicLayout.vue` L3, L12, L19
+ ```vue
+ 
+ 
+ 
+ 
+ {{ content }}
+ +{{ description }}
+