From 9c1d9fd7b0d5f6edf418a94e84d6b7a6ded6393b Mon Sep 17 00:00:00 2001
From: dyh333 <dyh333@gmail.com>
Date: Tue, 15 Mar 2022 10:19:48 +0800
Subject: [PATCH] docs(action-sheet): document and code examples not match
 (#4838)

Co-authored-by: dingyihui <dingyihui@cmss.chinamobile.com>
---
 packages/action-sheet/README.md | 50 ++++++++++++++++-----------------
 1 file changed, 25 insertions(+), 25 deletions(-)

diff --git a/packages/action-sheet/README.md b/packages/action-sheet/README.md
index 3d6d01cc..030e13cb 100644
--- a/packages/action-sheet/README.md
+++ b/packages/action-sheet/README.md
@@ -58,6 +58,30 @@ Page({
 });
 ```
 
+### 展示取消按钮
+
+设置`cancel-text`属性后，会在底部展示取消按钮，点击后关闭当前菜单。
+
+```html
+<van-action-sheet
+  show="{{ show }}"
+  actions="{{ actions }}"
+  cancel-text="取消"
+/>
+```
+
+### 展示描述信息
+
+设置`description`属性后，会在选项上方显示描述信息。
+
+```html
+<van-action-sheet
+  show="{{ show }}"
+  actions="{{ actions }}"
+  description="这是一段描述信息"
+/>
+```
+
 ### 选项状态
 
 选项可以设置为加载状态或禁用状态。
@@ -83,31 +107,7 @@ Page({
 });
 ```
 
-### 展示取消按钮
-
-设置`cancel-text`属性后，会在底部展示取消按钮，点击后关闭当前菜单。
-
-```html
-<van-action-sheet
-  show="{{ show }}"
-  actions="{{ actions }}"
-  cancel-text="取消"
-/>
-```
-
-### 展示描述信息
-
-设置`description`属性后，会在选项上方显示描述信息。
-
-```html
-<van-action-sheet
-  show="{{ show }}"
-  actions="{{ actions }}"
-  description="这是一段描述信息"
-/>
-```
-
-### 展示标题栏
+### 自定义面板
 
 通过设置`title`属性展示标题栏，同时可以使用插槽自定义菜单内容。