diff --git a/zh-cn/application-dev/reference/apis/js-apis-mediaquery.md b/zh-cn/application-dev/reference/apis/js-apis-mediaquery.md
index 1eabfdf4b161a24fa2031fd187ebca5b729e15a5..a2d2dbe01565bb7c553bcf640de3115182381645 100644
--- a/zh-cn/application-dev/reference/apis/js-apis-mediaquery.md
+++ b/zh-cn/application-dev/reference/apis/js-apis-mediaquery.md
@@ -87,7 +87,7 @@ off(type: 'change', callback?: Callback<MediaQueryResult>): void
 | callback | Callback<MediaQueryResult> | 否    | 需要去注册的回调，如果参数缺省则去注册该句柄下所有的回调。 |
 
 **示例：** 
-  ```js
+  ```ts
     import mediaquery from '@ohos.mediaquery'
     
     let listener = mediaquery.matchMediaSync('(orientation: landscape)'); //监听横屏事件
@@ -116,11 +116,9 @@ off(type: 'change', callback?: Callback<MediaQueryResult>): void
 
 ### 示例
 
-```js
+```ts
 import mediaquery from '@ohos.mediaquery'
 
-let portraitFunc = null
-
 @Entry
 @Component
 struct MediaQueryExample {
@@ -139,7 +137,7 @@ struct MediaQueryExample {
   }
 
   aboutToAppear() {
-    portraitFunc = this.onPortrait.bind(this) //bind current js instance
+    let portraitFunc = this.onPortrait.bind(this) //bind current js instance
     this.listener.on('change', portraitFunc)
   }
 
diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001194352468.gif b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001194352468.gif
index e22d25b7aa139409766723e4ed0fd6172b85b6cf..58feeb2988e8d9a643234691ae4d5cf5ccef6d4f 100644
Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001194352468.gif and b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001194352468.gif differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-components-canvas-lottie.md b/zh-cn/application-dev/reference/arkui-ts/ts-components-canvas-lottie.md
index c1dce5fd99edd0a7f2a89e2564f76814039eddb1..e623316d5201d24517c2ddc507e28c4a20a5a626 100644
--- a/zh-cn/application-dev/reference/arkui-ts/ts-components-canvas-lottie.md
+++ b/zh-cn/application-dev/reference/arkui-ts/ts-components-canvas-lottie.md
@@ -17,7 +17,10 @@ import lottie from '@ohos/lottieETS'
 ```
 
 >  **说明：**
->  在Terminal窗口使用 `npm install @ohos/lottieETS` 命令下载Lottie，下载之前需要配置权限。
+>
+>  在Terminal窗口使用 `npm install @ohos/lottieETS` 命令下载Lottie。
+>
+>  安装ohos npm 三方包时，需要先执行`npm config set @ohos:registry=https://repo.harmonyos.com/npm/`设置仓库地址。
 
 
 ## lottie.loadAnimation
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 1c7595fe804ee158e8f87dc050835f8758df2c3b..8e59c95ec873576948fa0b84a538850dd7b4448d 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
@@ -25,8 +25,8 @@
 - RouteType枚举说明
   | 名称 | 描述 |
   | -------- | -------- |
-  | Pop | 重定向指定页面 |
-  | Push | 跳转到下一页面。 |
+  | Pop | 重定向指定页面。PageA跳转到PageB时，PageA为Exit+Push，PageB为Enter+Push。 |
+  | Push | 跳转到下一页面。PageB返回至PageA时，PageA为Enter+Pop，PageB为Exit+Pop。 |
 
 
 ## 属性
@@ -63,22 +63,19 @@ PageTransitionEnter和PageTransitionExit组件支持的事件：
 
 自定义方式1：配置了当前页面的入场动画为淡入，退场动画为缩小。
 
-```
+```ts
 // index.ets
 @Entry
 @Component
 struct PageTransitionExample1 {
   @State scale1: number = 1
   @State opacity1: number = 1
-  @State active: boolean = false
+  
   build() {
   Column() {
       Navigator({ target: 'pages/page1', type: NavigationType.Push }) {
         Image($r('app.media.bg1')).width("100%").height("100%")
       }
-      .onClick(() => {
-        this.active = true
-      })
     }.scale({ x: this.scale1 }).opacity(this.opacity1)
   }
 // 自定义方式1：完全自定义转场过程的效果
@@ -97,14 +94,14 @@ struct PageTransitionExample1 {
 }
 ```
 
-```
+```ts
 // page1.ets
 @Entry
 @Component
 struct AExample {
   @State scale2: number = 1
   @State opacity2: number = 1
-  @State active: boolean = false
+
   build() {
     Column() {
       Navigator({ target: 'pages/index' ,type: NavigationType.Push}) {
@@ -132,23 +129,19 @@ struct AExample {
 
 自定义方式2：配置了当前页面的入场动画为从左侧滑入，退场为缩小加透明度变化。
 
-```
+```ts
 // index.ets 
 @Entry
 @Component
 struct PageTransitionExample {
   @State scale1: number = 1
   @State opacity1: number = 1
-  @State active: boolean = false
 
   build() {
     Column() {
       Navigator({ target: 'pages/page1', type: NavigationType.Push }) {
         Image($r('app.media.bg1')).width("100%").height("100%")
       }
-      .onClick(() => {
-        this.active = true
-      })
     }.scale({ x: this.scale1 }).opacity(this.opacity1)
   }
 
@@ -163,23 +156,19 @@ struct PageTransitionExample {
 }
 ```
 
-```
+```ts
 // page1.ets
 @Entry
 @Component
 struct PageTransitionExample1 {
   @State scale2: number = 1
   @State opacity2: number = 1
-  @State active: boolean = false
 
   build() {
     Column() {
       Navigator({ target: 'pages/index', type: NavigationType.Push }) {
         Image($r('app.media.bg2')).width  ("100%").height("100%")
       }
-      .onClick(() => {
-        this.active = true
-      })
     }.scale({ x: this.scale2 }).opacity(this.opacity2)
   }