From 7c7ab71ccded6beae0a2268a5e6eec6dea38fdef Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=98=89=E6=B6=B5?= <chenjiahan@youzan.com>
Date: Tue, 31 Jul 2018 21:34:48 +0800
Subject: [PATCH] [Doc] TreeSelect: update doc

---
 example/pages/tree-select/index.js   |  8 +++-----
 example/pages/tree-select/index.json |  1 +
 example/pages/tree-select/index.wxml |  8 ++++----
 packages/tree-select/README.md       | 15 +++++++--------
 4 files changed, 15 insertions(+), 17 deletions(-)

diff --git a/example/pages/tree-select/index.js b/example/pages/tree-select/index.js
index cecd3afc..52e65c7b 100644
--- a/example/pages/tree-select/index.js
+++ b/example/pages/tree-select/index.js
@@ -7,7 +7,7 @@ Page({
         // 导航名称
         text: '所有城市',
         // 该导航下所有的可选项
-        children: [ ...config.pro1, ...config.pro2 ]
+        children: [...config.pro1, ...config.pro2]
       }, {
         // 导航名称
         text: config.pro1Name,
@@ -18,19 +18,17 @@ Page({
         children: config.pro2
       }
     ],
-    
     mainActiveIndex: 0,
-
     activeId: 1002
   },
 
-  handleNavClick({ detail = {} }) {
+  onNavClick({ detail = {} }) {
     this.setData({
       mainActiveIndex: detail.index || 0
     });
   },
 
-  handleItemClick({ detail = {} }) {
+  onItemClick({ detail = {} }) {
     this.setData({
       activeId: detail.id
     });
diff --git a/example/pages/tree-select/index.json b/example/pages/tree-select/index.json
index 72c8c9d1..de090048 100644
--- a/example/pages/tree-select/index.json
+++ b/example/pages/tree-select/index.json
@@ -1,6 +1,7 @@
 {
   "navigationBarTitleText": "Tree Select 分类选择",
   "usingComponents": {
+    "demo-block": "../../components/demo-block/index",
     "van-tree-select": "../../dist/tree-select/index"
   }
 }
diff --git a/example/pages/tree-select/index.wxml b/example/pages/tree-select/index.wxml
index a4021b71..21d3ca91 100644
--- a/example/pages/tree-select/index.wxml
+++ b/example/pages/tree-select/index.wxml
@@ -1,9 +1,9 @@
-<view style="margin-top: 5vh;">
+<demo-block title="基础用法">
   <van-tree-select
     items="{{ items }}"
     main-active-index="{{ mainActiveIndex }}"
     active-id="{{ activeId }}"
-    bind:itemclick="handleItemClick"
-    bind:navclick="handleNavClick"
+    bind:itemclick="onItemClick"
+    bind:navclick="onNavClick"
   ></van-tree-select>
-</view>
+</demo-block>
diff --git a/packages/tree-select/README.md b/packages/tree-select/README.md
index 1a231bc6..e851ecb2 100644
--- a/packages/tree-select/README.md
+++ b/packages/tree-select/README.md
@@ -1,12 +1,11 @@
 ## TreeSelect 分类选择
 
 ### 使用指南
+
 在 index.json 中引入组件
 ```json
-{
-  "usingComponents": {
-    "van-tree-select": "path/to/vant-weapp/dist/tree-select/index"
-  }
+"usingComponents": {
+  "van-tree-select": "path/to/vant-weapp/dist/tree-select/index"
 }
 ```
 
@@ -17,8 +16,8 @@
   items="{{ items }}"
   main-active-index="{{ mainActiveIndex }}"
   active-id="{{ activeId }}"
-  bind:navclick="handleNavClick"
-  bind:itemclick="handleItemClick"
+  bind:navclick="onNavClick"
+  bind:itemclick="onItemClick"
 />
 ```
 ```javascript
@@ -27,13 +26,13 @@ Page({
     // ...
   },
 
-  handleNavClick({ detail = {} }) {
+  onNavClick({ detail = {} }) {
     this.setData({
       mainActiveIndex: detail.index || 0
     });
   },
 
-  handleItemClick({ detail = {} }) {
+  onItemClick({ detail = {} }) {
     this.setData({
       activeId: detail.id
     });