[Doc] TreeSelect: update doc

example/pages/tree-select/index.js

@@ -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
     });

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"
   }
 }

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:itemclick="onItemClick"
-    bind:navclick="handleNavClick"
+    bind:navclick="onNavClick"
   ></van-tree-select>
-</view>
+</demo-block>

packages/tree-select/README.md

@@ -1,13 +1,12 @@
 ## TreeSelect 分类选择
 
 ### 使用指南
+
 在 index.json 中引入组件
 ```json
-{
 "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:navclick="onNavClick"
-  bind:itemclick="handleItemClick"
+  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
     });