[Improvement] Reorganize document (#1066)

2018-05-15 10:39:01 +08:00
parent b1142fd862
commit e8aad7246c
124 changed files with 181 additions and 186 deletions
@@ -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 |