Showing
2 changed files
with
15 additions
and
9 deletions
| @@ -16,12 +16,15 @@ struct ImageAndTextDetailPage { | @@ -16,12 +16,15 @@ struct ImageAndTextDetailPage { | ||
| 16 | } | 16 | } |
| 17 | } | 17 | } |
| 18 | 18 | ||
| 19 | - pageTransition(){ | ||
| 20 | - // 定义页面进入时的效果,从右边侧滑入 | ||
| 21 | - PageTransitionEnter({ type: RouteType.None, duration: 300 }) | 19 | + pageTransition() { |
| 20 | + // 为目标页面时,进入:从右边侧滑入,退出:是右侧划出;跳转别的页面:左侧划出,返回:左侧划入。 | ||
| 21 | + PageTransitionEnter({ type: RouteType.Push, duration: 300 }) | ||
| 22 | .slide(SlideEffect.Right) | 22 | .slide(SlideEffect.Right) |
| 23 | - // 定义页面退出时的效果,向右边侧滑出 | ||
| 24 | - PageTransitionExit({ type: RouteType.None, duration: 300 }) | 23 | + PageTransitionEnter({ type: RouteType.Pop, duration: 300 }) |
| 24 | + .slide(SlideEffect.Left) | ||
| 25 | + PageTransitionExit({ type: RouteType.Push, duration: 300 }) | ||
| 26 | + .slide(SlideEffect.Left) | ||
| 27 | + PageTransitionExit({ type: RouteType.Pop, duration: 300 }) | ||
| 25 | .slide(SlideEffect.Right) | 28 | .slide(SlideEffect.Right) |
| 26 | } | 29 | } |
| 27 | 30 |
| @@ -18,11 +18,14 @@ struct SpacialTopicPage { | @@ -18,11 +18,14 @@ struct SpacialTopicPage { | ||
| 18 | } | 18 | } |
| 19 | 19 | ||
| 20 | pageTransition() { | 20 | pageTransition() { |
| 21 | - // 定义页面进入时的效果,从右边侧滑入 | ||
| 22 | - PageTransitionEnter({ type: RouteType.None, duration: 300 }) | 21 | + // 为目标页面时,进入:从右边侧滑入,退出:是右侧划出;跳转别的页面:左侧划出,返回:左侧划入。 |
| 22 | + PageTransitionEnter({ type: RouteType.Push, duration: 300 }) | ||
| 23 | .slide(SlideEffect.Right) | 23 | .slide(SlideEffect.Right) |
| 24 | - // 定义页面退出时的效果,向右边侧滑出 | ||
| 25 | - PageTransitionExit({ type: RouteType.None, duration: 300 }) | 24 | + PageTransitionEnter({ type: RouteType.Pop, duration: 300 }) |
| 25 | + .slide(SlideEffect.Left) | ||
| 26 | + PageTransitionExit({ type: RouteType.Push, duration: 300 }) | ||
| 27 | + .slide(SlideEffect.Left) | ||
| 28 | + PageTransitionExit({ type: RouteType.Pop, duration: 300 }) | ||
| 26 | .slide(SlideEffect.Right) | 29 | .slide(SlideEffect.Right) |
| 27 | } | 30 | } |
| 28 | 31 |
-
Please register or login to post a comment