[Improvement] Reorganize document (#1066)

packages/panel/en-US.md

@@ -0,0 +1,47 @@
+## Panel
+
+### Install
+``` javascript
+import { Panel } from 'vant';
+
+Vue.use(Panel);
+```
+
+### Usage
+
+#### Basic Usage
+
+```html
+<van-panel title="Title" desc="Description" status="Status">
+  <div>Content</div>
+</van-panel>
+```
+
+#### Advanced Usage
+
+```html
+<van-panel title="Title" desc="Description" status="Status">
+  <div>Content</div>
+  <div slot="footer">
+    <van-button size="small">Button</van-button>
+    <van-button size="small" type="danger">Button</van-button>
+  </div>
+</van-panel>
+```
+
+### API
+
+| Attribute | Description | Type | Default |
+|-----------|-----------|-----------|-------------|
+| title | Title | `String` | - |
+| desc | Description | `String` | - |
+| status | Status | `String` | - |
+
+
+### Slot
+
+| name | Description |
+|-----------|-----------|
+| - | Default slot |
+| header | Custom header |
+| footer | Custom footer |

packages/panel/zh-CN.md

@@ -0,0 +1,48 @@
+## Panel 面板
+
+### 使用指南
+``` javascript
+import { Panel } from 'vant';
+
+Vue.use(Panel);
+```
+
+### 代码演示
+
+#### 基础用法
+面板只是一个容器，里面可以放入自定义的内容
+
+```html
+<van-panel title="标题" desc="描述信息" status="状态">
+  <div>内容</div>
+</van-panel>
+```
+
+#### 高级用法
+使用`slot`自定义内容
+
+```html
+<van-panel title="标题" desc="描述信息" status="状态">
+  <div>内容</div>
+  <div slot="footer">
+    <van-button size="small">按钮</van-button>
+    <van-button size="small" type="danger">按钮</van-button>
+  </div>
+</van-panel>
+```
+
+### API
+
+| 参数 | 说明 | 类型 | 默认值 |
+|-----------|-----------|-----------|-------------|
+| title | 标题 | `String` | - |
+| desc | 描述 | `String` | - |
+| status | 状态 | `String` | - |
+
+### Slot
+
+| 名称 | 说明 |
+|-----------|-----------|
+| - | 自定义内容 |
+| header | 自定义 header |
+| footer | 自定义 footer |