diff --git a/docs/collocation/pages.md b/docs/collocation/pages.md
index 199bc0eee1d1e69f48df34de1e27a2ed39399577..dcf9bd76002b546f7bb73423687a7ff2e3e07b63 100644
--- a/docs/collocation/pages.md
+++ b/docs/collocation/pages.md
@@ -663,22 +663,45 @@ h5 平台下拉刷新动画,只有 circle 类型。
- A:参考[导航栏开发指南](http://ask.dcloud.net.cn/article/34921)
# easycom
-传统vue组件,需要安装、引用、注册,三个步骤后才能使用组件。`easycom`将其精简为一步。只要组件安装在项目的components目录下,并符合`components/组件名称/组件名称.vue`目录结构的组件。就可以不用引用、注册,直接在页面中使用。同时打包后会自动剔除没有使用的组件。
+> `HBuilderX 2.5.5`起支持`easycom`组件模式。
+传统vue组件,需要安装、引用、注册,三个步骤后才能使用组件。`easycom`将其精简为一步。
+只要组件安装在项目的components目录下,并符合`components/组件名称/组件名称.vue`目录结构。就可以不用引用、注册,直接在页面中使用。
+如下:
+```html
+
+
+
+
+
+
+
+
+
+```
-自`HBuilderX 2.5.5`起支持`easycom`组件模式。可以在HBuilderX新建项目界面选择`uni-ui`项目模板体验。只需在页面中敲u,拉出大量代码块,直接选择,即可使用。大幅提升开发效率,降低使用门槛。
+不管components目录下安装了多少组件,`easycom`打包后会自动剔除没有使用的组件,对组件库的使用尤为有好。
-在[uni-app插件市场](https://ext.dcloud.net.cn/)下载符合`components/组件名称/组件名称.vue`目录结构的组件后,也可以直接使用。
+组件库批量安装,随意使用,自动按需打包。以官方的`uni-ui`为例,在HBuilderX新建项目界面选择`uni-ui`项目模板,只需在页面中敲u,拉出大量组件代码块,直接选择,即可使用。大幅提升开发效率,降低使用门槛。
-uni ui组件是完全符合easycom规则的,在`HBuilderX 2.5.5`以上什么都不用配,可直接使用uni ui的组件。在`HBuilderX`中新建项目选择`uni ui项目`,可直接使用所有uni ui组件。
+在[uni-app插件市场](https://ext.dcloud.net.cn/)下载符合`components/组件名称/组件名称.vue`目录结构的组件,均可直接使用。
-`easycom`是自动开启的,不需要手动开启,有需求时可以在`pages.json`的`easycom`节点进行个性化设置,如关闭自动扫描,或自定义扫描匹配组件的策略。
+`easycom`是自动开启的,不需要手动开启,有需求时可以在`pages.json`的`easycom`节点进行个性化设置,如关闭自动扫描,或自定义扫描匹配组件的策略。设置参数如下:
|属性 |类型 |默认值 |描述 |
|:- |:- |:- |:- |
|autoscan |Boolean|true |是否开启自动扫描,开启后将会自动扫描符合`components/组件名称/组件名称.vue`目录结构的组件 |
|custom |Object |- |以正则方式自定义组件匹配规则。如果`autoscan`不能满足需求,可以使用`custom`自定义匹配规则 |
-**如需自定义easycom,参考如下示例**
+**自定义easycom配置的示例**
```
"easycom": {