[Doc] new theme

packages/icon/en-US.md

@@ -1,15 +1,16 @@
-## Icon
+# Icon
 
 ### Install
+
 ``` javascript
 import { Icon } from 'vant';
 
 Vue.use(Icon);
 ```
 
-### Usage
+## Usage
 
-#### Basic Usage
+### Basic Usage
 
 Use `name` prop to set icon name or icon URL
 
@@ -18,21 +19,22 @@ Use `name` prop to set icon name or icon URL
 <van-icon name="https://b.yzcdn.cn/vant/icon-demo-1126.png" />
 ```
 
-#### Show Info
+### Show Info
 
 ```html
 <van-icon name="chat" info="9" />
 <van-icon name="chat" info="99+" />
 ```
 
-#### Use local font file
+### Use local font file
+
 Icon uses font file in `yzcdn.cn` by default，if you want to use the local font file，please import the following css file.
 
 ```js
 import 'vant/lib/icon/local.css';
 ```
 
-#### Add custom iconfont
+### Add custom iconfont
 
 ```css
 @font-face {
@@ -53,6 +55,8 @@ import 'vant/lib/icon/local.css';
 <van-icon class-prefix="my-icon" name="extra" />
 ```
 
+## API
+
 ### Props
 
 | Attribute | Description | Type | Default |

packages/icon/zh-CN.md

@@ -1,15 +1,16 @@
-## Icon 图标
+# Icon 图标
+
+### 引入
 
-### 使用指南
 ``` javascript
 import { Icon } from 'vant';
 
 Vue.use(Icon);
 ```
 
-### 代码演示
+## 代码演示
 
-#### 基础用法
+### 基础用法
 
 `Icon`的`name`属性支持传入图标名称或图片链接
 
@@ -18,14 +19,14 @@ Vue.use(Icon);
 <van-icon name="https://b.yzcdn.cn/vant/icon-demo-1126.png" />
 ```
 
-#### 显示徽标
+### 显示徽标
 
 ```html
 <van-icon name="chat" info="9" />
 <van-icon name="chat" info="99+" />
 ```
 
-#### 使用本地字体文件
+### 使用本地字体文件
 
 Icon 组件默认引用 `yzcdn.cn` 域名下的字体文件，如果想要使用本地字体文件，请引入下面的 css 文件
 
@@ -33,7 +34,7 @@ Icon 组件默认引用 `yzcdn.cn` 域名下的字体文件，如果想要使用
 import 'vant/lib/icon/local.css';
 ```
 
-#### 自定义图标
+### 自定义图标
 
 如果需要在现有 Icon 的基础上使用更多图标，可以引入你需要的 iconfont 对应的 ttf 文件和样式，之后就可以在 Icon 组件中直接使用
 
@@ -56,6 +57,8 @@ import 'vant/lib/icon/local.css';
 <van-icon class-prefix="my-icon" name="extra" />
 ```
 
+## API
+
 ### Props
 
 | 参数 | 说明 | 类型 | 默认值 | 版本 |