diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-methods-custom-dialog-box.md b/zh-cn/application-dev/reference/arkui-ts/ts-methods-custom-dialog-box.md
index b01a7f2515243a94ada35d211cba355e5fe368c0..3c97d201b56581fc3a80e6cb4b1a42e09a2c8309 100644
--- a/zh-cn/application-dev/reference/arkui-ts/ts-methods-custom-dialog-box.md
+++ b/zh-cn/application-dev/reference/arkui-ts/ts-methods-custom-dialog-box.md
@@ -1,12 +1,11 @@
 # 自定义弹窗
 
+通过CustomDialogController类显示自定义弹窗。
+
 > **说明：**
 > 从API Version 7开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。
 
 
-通过CustomDialogController类显示自定义弹窗。
-
-
 ## 接口
 
 CustomDialogController(value:{builder: CustomDialog, cancel?: () => void, autoCancel?: boolean, alignment?: DialogAlignment, offset?: Offset, customStyle?: boolean})
@@ -42,7 +41,7 @@ CustomDialogController(value:{builder: CustomDialog, cancel?: () => void, aut
 
 ### 导入对象
 
-```
+```ts
 dialogController : CustomDialogController = new CustomDialogController(value:{builder: CustomDialog, cancel?: () => void, autoCancel?: boolean})
 ```
 
diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-methods-datepicker-dialog.md b/zh-cn/application-dev/reference/arkui-ts/ts-methods-datepicker-dialog.md
index 98663cb9bf0387b0cf266122cf76093e2c81eb50..1105439ca168879cc24627eede820afd5fa29613 100644
--- a/zh-cn/application-dev/reference/arkui-ts/ts-methods-datepicker-dialog.md
+++ b/zh-cn/application-dev/reference/arkui-ts/ts-methods-datepicker-dialog.md
@@ -1,9 +1,10 @@
 # 日期滑动选择器弹窗
 
+根据指定范围的Date创建可以选择日期的滑动选择器，展示在弹窗上。
+
 >  **说明：**
 > 该组件从API Version 8开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。
 
-根据指定范围的Date创建可以选择日期的滑动选择器，展示在弹窗上。
 
 ## 权限列表
 
diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-methods-textpicker-dialog.md b/zh-cn/application-dev/reference/arkui-ts/ts-methods-textpicker-dialog.md
index 21085f27e61f40bed7568fae682e820dad77cb9f..3e056bc45e10825ea5075468ab4a46c81bb4d630 100644
--- a/zh-cn/application-dev/reference/arkui-ts/ts-methods-textpicker-dialog.md
+++ b/zh-cn/application-dev/reference/arkui-ts/ts-methods-textpicker-dialog.md
@@ -1,9 +1,10 @@
 # 文本滑动选择器弹窗
 
+根据指定的选择范围创建文本选择器，展示在弹窗上。
+
 >  **说明：**
 > 该组件从API Version 8开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。
 
-根据指定的选择范围创建文本选择器，展示在弹窗上。
 
 ## 权限列表
 
diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-methods-timepicker-dialog.md b/zh-cn/application-dev/reference/arkui-ts/ts-methods-timepicker-dialog.md
index 2917d91350b4fd82e62f3a2c1092827f452f7c2d..d79f6d23c1f18890c2461a771a52e0d3f5369aa1 100644
--- a/zh-cn/application-dev/reference/arkui-ts/ts-methods-timepicker-dialog.md
+++ b/zh-cn/application-dev/reference/arkui-ts/ts-methods-timepicker-dialog.md
@@ -1,9 +1,10 @@
 # 时间滑动选择器弹窗
 
+默认以00：00至23：59的时间区间创建滑动选择器，展示在弹窗上。
+
 >  **说明：**
 > 该组件从API Version 8开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。
 
-默认以00：00至23：59的时间区间创建滑动选择器，展示在弹窗上。
 
 ## 权限列表
 
diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-motion-path-animation.md b/zh-cn/application-dev/reference/arkui-ts/ts-motion-path-animation.md
index 010aca58e37c837102837ed85892405d358a262d..cbcfa72be684675fb959ed0860e1ea9dd4a3e594 100644
--- a/zh-cn/application-dev/reference/arkui-ts/ts-motion-path-animation.md
+++ b/zh-cn/application-dev/reference/arkui-ts/ts-motion-path-animation.md
@@ -1,12 +1,11 @@
 # 路径动画
 
+设置组件进行位移动画时的运动路径。
+
 >  **说明：**
 > 从API Version 7开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。
 
 
-设置组件进行位移动画时的运动路径。
-
-
 ## 属性
 
 | 名称 | 参数类型 | 默认值 | 描述 | 
diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-page-transition-animation.md b/zh-cn/application-dev/reference/arkui-ts/ts-page-transition-animation.md
index 357c5614ab7bab703cea7ec9d7b2fbd78fb5e61c..62281e42d95f3b0729b3994f61fc788393218a37 100644
--- a/zh-cn/application-dev/reference/arkui-ts/ts-page-transition-animation.md
+++ b/zh-cn/application-dev/reference/arkui-ts/ts-page-transition-animation.md
@@ -1,12 +1,11 @@
 # 页面间转场
 
+页面转场通过在全局pageTransition方法内配置页面入场组件和页面退场组件来自定义页面转场动效。
+
 > **说明：**
 > 从API Version 7开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。
 
 
-页面转场通过在全局pageTransition方法内配置页面入场组件和页面退场组件来自定义页面转场动效。
-
-
 | 名称                  | 参数     | 参数描述                            |
 | ------------------- | ------ | ------------------------------- |
 | PageTransitionEnter | Object | 页面入场组件，用于自定义当前页面的入场效果，详见动效参数说明。 |
@@ -71,6 +70,7 @@ struct PageTransitionExample1 {
   @State scale1: number = 1
   @State opacity1: number = 1
   @State active: boolean = false
+
   build() {
   Column() {
       Navigator({ target: 'pages/page1', type: NavigationType.Push }) {
@@ -105,6 +105,7 @@ struct AExample {
   @State scale2: number = 1
   @State opacity2: number = 1
   @State active: boolean = false
+
   build() {
     Column() {
       Navigator({ target: 'pages/index' ,type: NavigationType.Push}) {