未验证 提交 c0ee362f 编写于 作者: O openharmony_ci 提交者: Gitee

!8977 挑单到beta2

Merge pull request !8977 from 田雨/OpenHarmony-3.2-Beta2
...@@ -122,8 +122,6 @@ off(type: 'change', callback?: Callback<MediaQueryResult>): void ...@@ -122,8 +122,6 @@ off(type: 'change', callback?: Callback<MediaQueryResult>): void
```ts ```ts
import mediaquery from '@ohos.mediaquery' import mediaquery from '@ohos.mediaquery'
let portraitFunc = null
@Entry @Entry
@Component @Component
struct MediaQueryExample { struct MediaQueryExample {
...@@ -142,7 +140,7 @@ struct MediaQueryExample { ...@@ -142,7 +140,7 @@ struct MediaQueryExample {
} }
aboutToAppear() { 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) this.listener.on('change', portraitFunc)
} }
......
...@@ -18,7 +18,10 @@ import lottie from '@ohos/lottieETS' ...@@ -18,7 +18,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 ## lottie.loadAnimation
......
...@@ -23,10 +23,10 @@ ...@@ -23,10 +23,10 @@
- RouteType枚举说明 - RouteType枚举说明
| 名称 | 描述 | | 名称 | 描述 |
| ---- | ---------------- | | ---- | ------------------------------------------------------------ |
| Pop | 重定向指定页面。 | | Pop | 重定向指定页面。PageA跳转到PageB时,PageA为Exit+Push,PageB为Enter+Push。 |
| Push | 跳转到下一页面。 | | Push | 跳转到下一页面。PageB返回至PageA时,PageA为Enter+Pop,PageB为Exit+Pop。 |
## 属性 ## 属性
...@@ -70,15 +70,12 @@ PageTransitionEnter和PageTransitionExit组件支持的事件: ...@@ -70,15 +70,12 @@ PageTransitionEnter和PageTransitionExit组件支持的事件:
struct PageTransitionExample1 { struct PageTransitionExample1 {
@State scale1: number = 1 @State scale1: number = 1
@State opacity1: number = 1 @State opacity1: number = 1
@State active: boolean = false
build() { build() {
Column() { Column() {
Navigator({ target: 'pages/page1', type: NavigationType.Push }) { Navigator({ target: 'pages/page1', type: NavigationType.Push }) {
Image($r('app.media.bg1')).width("100%").height("100%") Image($r('app.media.bg1')).width("100%").height("100%")
} }
.onClick(() => {
this.active = true
})
}.scale({ x: this.scale1 }).opacity(this.opacity1) }.scale({ x: this.scale1 }).opacity(this.opacity1)
} }
// 自定义方式1:完全自定义转场过程的效果 // 自定义方式1:完全自定义转场过程的效果
...@@ -104,7 +101,7 @@ struct PageTransitionExample1 { ...@@ -104,7 +101,7 @@ struct PageTransitionExample1 {
struct AExample { struct AExample {
@State scale2: number = 1 @State scale2: number = 1
@State opacity2: number = 1 @State opacity2: number = 1
@State active: boolean = false
build() { build() {
Column() { Column() {
Navigator({ target: 'pages/index' ,type: NavigationType.Push}) { Navigator({ target: 'pages/index' ,type: NavigationType.Push}) {
...@@ -139,16 +136,12 @@ struct AExample { ...@@ -139,16 +136,12 @@ struct AExample {
struct PageTransitionExample { struct PageTransitionExample {
@State scale1: number = 1 @State scale1: number = 1
@State opacity1: number = 1 @State opacity1: number = 1
@State active: boolean = false
build() { build() {
Column() { Column() {
Navigator({ target: 'pages/page1', type: NavigationType.Push }) { Navigator({ target: 'pages/page1', type: NavigationType.Push }) {
Image($r('app.media.bg1')).width("100%").height("100%") Image($r('app.media.bg1')).width("100%").height("100%")
} }
.onClick(() => {
this.active = true
})
}.scale({ x: this.scale1 }).opacity(this.opacity1) }.scale({ x: this.scale1 }).opacity(this.opacity1)
} }
...@@ -170,16 +163,12 @@ struct PageTransitionExample { ...@@ -170,16 +163,12 @@ struct PageTransitionExample {
struct PageTransitionExample1 { struct PageTransitionExample1 {
@State scale2: number = 1 @State scale2: number = 1
@State opacity2: number = 1 @State opacity2: number = 1
@State active: boolean = false
build() { build() {
Column() { Column() {
Navigator({ target: 'pages/index', type: NavigationType.Push }) { Navigator({ target: 'pages/index', type: NavigationType.Push }) {
Image($r('app.media.bg2')).width ("100%").height("100%") Image($r('app.media.bg2')).width ("100%").height("100%")
} }
.onClick(() => {
this.active = true
})
}.scale({ x: this.scale2 }).opacity(this.opacity2) }.scale({ x: this.scale2 }).opacity(this.opacity2)
} }
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册