diff --git a/document/components/docs/en-US/introduction.md b/document/components/docs/en-US/introduction.md
index 632acc5802761076d44a03c839c08f98fa03a0b5..831ea715f22e26cd9918fe812af802bc05d7b267 100644
--- a/document/components/docs/en-US/introduction.md
+++ b/document/components/docs/en-US/introduction.md
@@ -25,23 +25,40 @@ cube-ui is an elegant mobile component library based on Vue.js.
 #### Basic
 
 - [Button](#/en-US/docs/button)
-- [Checkbox](#/en-US/docs/checkbox)
-- [CheckboxGroup](#/en-US/docs/checkbox-group)
-- [Radio](#/en-CN/docs/radio)
-- [Input](#/en-CN/docs/input)
 - [Loading](#/en-US/docs/loading)
 - [Tip](#/en-US/docs/tip)
+- [Toolbar](#/en-US/docs/toolbar)
+- [TabBar](#/en-US/docs/tab-bar)
+
+#### Form
+
+- [Checkbox](#/en-US/docs/checkbox)
+- [CheckboxGroup](#/en-US/docs/checkbox-group)
+- [Radio](#/en-US/docs/radio)
+- [Input](#/en-US/docs/input)
+- [Textarea](#/en-US/docs/textarea)
+- [Select](#/en-US/docs/select)
+- [Switch](#/en-US/docs/switch)
+- [Rate](#/en-US/docs/rate)
+- [Validator](#/en-US/docs/validator)
+- [Upload](#/en-US/docs/upload)
+- [Form](#/en-US/docs/form)
 
 #### Layer
 
 - [Popup](#/en-US/docs/popup)
 - [Toast](#/en-US/docs/toast)
 - [Picker](#/en-US/docs/picker)
+- [CascadePicker](#/en-US/docs/cascade-picker)
+- [DatePicker](#/en-US/docs/date-picker)
 - [TimePicker](#/en-US/docs/time-picker)
+- [SegmentPicker](#/en-US/docs/segment-picker)
 - [Dialog](#/en-US/docs/dialog)
 - [ActionSheet](#/en-US/docs/action-sheet)
+- [Drawer](#/en-US/docs/drawer)
+- [ImagePreview](#/en-US/docs/image-preview)
 
-All the layer components can be invoked by components and API, let's take `Toast` as an example:
+Most of the layer components can be invoked by components and API, let's take `Toast` as an example:
 
 Component invoking:
 
@@ -95,15 +112,15 @@ Pay attention that the name of the API is `$create` + `${component name}`. For e
 
 #### Scroll
 
-- [Scroll](#/en-US/docs/scroll)
-- [Slide](#/en-US/docs/slide)
-- [IndexList](#/en-US/docs/index-list)
-
-Scroll Components are all implemented based on [better-scroll](https://github.com/ustbhuangyi/better-scroll) and `Scroll` Component is the encapsulation of better-scroll.
+- [Scroll 滚动](#/en-US/docs/scroll)
+- [Slide 幻灯片](#/en-US/docs/slide)
+- [IndexList 索引列表](#/en-US/docs/index-list)
+- [Swipe 滑块](#/en-US/docs/swipe)
+- [Sticky 吸附](#/en-US/docs/sticky)
+- [ScrollNavBar 滚动导航条](#/en-US/docs/scroll-nav-bar)
+- [ScrollNav 滚动导航](#/en-US/docs/scroll-nav)
 
-#### Advanced
-
-- [Upload](#/en-US/docs/upload)
+Most of the scroll components are all implemented based on [better-scroll](https://github.com/ustbhuangyi/better-scroll) and `Scroll` Component is the encapsulation of better-scroll.
 
 ### Modules
 
diff --git a/document/components/docs/zh-CN/introduction.md b/document/components/docs/zh-CN/introduction.md
index 7f3472949a2c6f0111cb6b2849dfa0518fefaf89..32883002974a2e7bad34282eaf3de7cc97db745c 100644
--- a/document/components/docs/zh-CN/introduction.md
+++ b/document/components/docs/zh-CN/introduction.md
@@ -25,23 +25,40 @@ cube-ui 是基于 Vue.js 实现的精致移动端组件库。
 #### 基础
 
 - [Button 按钮](#/zh-CN/docs/button)
+- [Loading 加载中](#/zh-CN/docs/loading)
+- [Tip 提示](#/zh-CN/docs/tip)
+- [Toolbar 工具条](#/zh-CN/docs/toolbar)
+- [TabBar 选项卡](#/zh-CN/docs/tab-bar)
+
+#### 表单
+
 - [Checkbox 复选框](#/zh-CN/docs/checkbox)
 - [CheckboxGroup 复选框组](#/zh-CN/docs/checkbox-group)
 - [Radio 单选框](#/zh-CN/docs/radio)
 - [Input 输入框](#/zh-CN/docs/input)
-- [Loading 加载中](#/zh-CN/docs/loading)
-- [Tip 提示](#/zh-CN/docs/tip)
+- [Textarea](#/zh-CN/docs/textarea)
+- [Select 选择](#/zh-CN/docs/select)
+- [Switch 开关切换](#/zh-CN/docs/switch)
+- [Rate 评级](#/zh-CN/docs/rate)
+- [Validator 校验器](#/zh-CN/docs/validator)
+- [Upload 上传](#/zh-CN/docs/upload)
+- [Form 表单](#/zh-CN/docs/form)
 
 #### 弹层
 
 - [Popup](#/zh-CN/docs/popup)
 - [Toast 提醒](#/zh-CN/docs/toast)
 - [Picker 选择器](#/zh-CN/docs/picker)
+- [CascadePicker 级联选择器](#/zh-CN/docs/cascade-picker)
+- [DatePicker 日期选择器](#/zh-CN/docs/date-picker)
 - [TimePicker 时间选择器](#/zh-CN/docs/time-picker)
+- [SegmentPicker 段选择器](#/zh-CN/docs/segment-picker)
 - [Dialog 弹框](#/zh-CN/docs/dialog)
 - [ActionSheet 操作菜单](#/zh-CN/docs/action-sheet)
+- [Drawer 抽屉](#/zh-CN/docs/drawer)
+- [ImagePreview 图片预览](#/zh-CN/docs/image-preview)
 
-所有的弹层类组件可以通过组件调用和 API 调用，来看示例（`Toast` 为例）：
+绝大多数的弹层类组件可以通过组件调用和 API 调用，来看示例（`Toast` 为例）：
 
 组件调用：
 
@@ -99,12 +116,12 @@ API 调用：
 - [Scroll 滚动](#/zh-CN/docs/scroll)
 - [Slide 幻灯片](#/zh-CN/docs/slide)
 - [IndexList 索引列表](#/zh-CN/docs/index-list)
+- [Swipe 滑块](#/zh-CN/docs/swipe)
+- [Sticky 吸附](#/zh-CN/docs/sticky)
+- [ScrollNavBar 滚动导航条](#/zh-CN/docs/scroll-nav-bar)
+- [ScrollNav 滚动导航](#/zh-CN/docs/scroll-nav)
 
-滚动类组件都是基于 [better-scroll](https://github.com/ustbhuangyi/better-scroll) 实现，而 `Scroll` 组件就是对 better-scroll 的封装。
-
-#### 高级
-
-- [Upload 上传](#/zh-CN/docs/upload)
+滚动类组件一般都是基于 [better-scroll](https://github.com/ustbhuangyi/better-scroll) 实现，而 `Scroll` 组件就是对 better-scroll 的封装。
 
 ### 模块