cherry pick beta

Signed-off-by: Ntianyu <tianyu55@h-partners.com>

zh-cn/application-dev/reference/apis/js-apis-mediaquery.md

@@ -122,8 +122,6 @@ off(type: 'change', callback?: Callback<MediaQueryResult>): void
 ```ts
 import mediaquery from '@ohos.mediaquery'
 
-let portraitFunc = null
-
 @Entry
 @Component
 struct MediaQueryExample {
@@ -142,7 +140,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)
   }
 

zh-cn/application-dev/reference/arkui-ts/ts-components-canvas-lottie.md

@@ -18,7 +18,10 @@ import lottie from '@ohos/lottieETS'
 ```
 
 > **说明：**
+>
 > 在Terminal窗口使用 `npm install @ohos/lottieETS` 命令下载Lottie。
+>
+> 安装ohos npm 三方包时，需要先执行`npm config set @ohos:registry=https://repo.harmonyos.com/npm/`设置仓库地址。
 
 
 ## lottie.loadAnimation

zh-cn/application-dev/reference/arkui-ts/ts-page-transition-animation.md

@@ -23,10 +23,10 @@
 
 
 - RouteType枚举说明
-  | 名称 | 描述             |
-  | ---- | ---------------- |
-  | Pop  | 重定向指定页面。 |
-  | Push | 跳转到下一页面。 |
+  | 名称 | 描述                                                         |
+  | ---- | ------------------------------------------------------------ |
+  | Pop  | 重定向指定页面。PageA跳转到PageB时，PageA为Exit+Push，PageB为Enter+Push。 |
+  | Push | 跳转到下一页面。PageB返回至PageA时，PageA为Enter+Pop，PageB为Exit+Pop。 |
 
 
 ## 属性
@@ -70,15 +70,12 @@ PageTransitionEnter和PageTransitionExit组件支持的事件：
 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：完全自定义转场过程的效果
@@ -104,7 +101,7 @@ struct PageTransitionExample1 {
 struct AExample {
   @State scale2: number = 1
   @State opacity2: number = 1
-  @State active: boolean = false
+  
   build() {
     Column() {
       Navigator({ target: 'pages/index' ,type: NavigationType.Push}) {
@@ -139,16 +136,12 @@ struct AExample {
 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)
   }
 
@@ -170,16 +163,12 @@ struct PageTransitionExample {
 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)
   }