[Doc] new theme

packages/area/zh-CN.md

@@ -1,7 +1,10 @@
-## Area 省市区选择
+# Area 省市区选择
+
+### 介绍
+
 省市取选择组件通常与 [弹出层](#/zh-CN/popup) 组件配合使用
 
-### 使用指南
+### 引入
 
 ```javascript
 import { Area } from 'vant';
@@ -9,9 +12,9 @@ import { Area } from 'vant';
 Vue.use(Area);
 ```
 
-### 代码演示
+## 代码演示
 
-#### 基础用法
+### 基础用法
 
 要初始化一个`Area`组件，你需要传入一个`area-list`属性，数据格式具体可看下面数据格式章节
 
@@ -19,7 +22,7 @@ Vue.use(Area);
 <van-area :area-list="areaList" />
 ```
 
-#### 选中省市区
+### 选中省市区
 
 如果想选中某个省市区，需要传入一个`value`属性，绑定对应的省市区`code`
 
@@ -27,7 +30,7 @@ Vue.use(Area);
 <van-area :area-list="areaList" value="110101" />
 ```
 
-#### 配置显示列
+### 配置显示列
 
 可以通过`columns-num`属性配置省市区显示的列数，默认情况下会显示省市区，当你设置为`2`，则只会显示省市选择
 
@@ -35,6 +38,8 @@ Vue.use(Area);
 <van-area :area-list="areaList" :columns-num="2" title="标题" />
 ```
 
+## API
+
 ### Props
 
 | 参数 | 说明 | 类型 | 默认值 | 版本 |
@@ -65,9 +70,7 @@ Vue.use(Area);
 |------|------|------|------|
 | reset | - | - | 重置所有选项到第一项 |
 
-### 数据格式
-
-#### 省市区列表数据格式
+### 省市区列表数据格式
 
 整体是一个 Object，包含 `province_list`, `city_list`, `county_list` 三个 key。
 
@@ -104,7 +107,7 @@ Vue.use(Area);
 
 完整数据见 [Area.json](https://github.com/youzan/vant/blob/dev/packages/area/demo/area.js)
 
-#### 点击完成时返回的数据格式
+### 点击完成时返回的数据格式
 
 返回的数据整体为一个数组，数组内包含 `columnsNum` 个数据， 每个数据对应一列选项中被选中的数据。