Merge remote-tracking branch 'origin/main'

@@ -229,6 +229,11 @@ export struct MultiPictureDetailItemComponent {
     .gesture(
       GestureGroup(
         GestureMode.Exclusive,
+        // 单击返回上一层
+        TapGesture({ count: 1 })
+          .onAction(() => {
+            router.back()
+          }),
         // TODO：知识点：双击切换图片大小
         TapGesture({ count: 2 })
           .onAction(() => {

@@ -26,9 +26,21 @@ export struct MultiPictureListPage {
   @Provide duration: number = 0
   @State noAnimation: boolean = true
 
+  // pageTransition() {
+  //   // PageTransitionEnter({ duration: this.noAnimation ? 0 : 300 })
+  //   PageTransitionExit({ duration: !this.noAnimation ? 0 : 300 })
+  // }
+
   pageTransition() {
-    // PageTransitionEnter({ duration: this.noAnimation ? 0 : 300 })
-    PageTransitionExit({ duration: !this.noAnimation ? 0 : 300 })
+    // 为目标页面时，进入：从右边侧滑入，退出：是右侧划出；跳转别的页面：左侧划出，返回：左侧划入。
+    PageTransitionEnter({ type: RouteType.Push, duration: 300 })
+      .slide(SlideEffect.Right)
+    PageTransitionEnter({ type: RouteType.Pop, duration: 300 })
+      .slide(SlideEffect.Left)
+    PageTransitionExit({ type: RouteType.Push, duration: 300 })
+      .slide(SlideEffect.Left)
+    PageTransitionExit({ type: RouteType.Pop, duration: 300 })
+      .slide(SlideEffect.Right)
   }
 
   aboutToAppear(): void {