diff --git a/entry/src/main/ets/components/FbMovieDetailSheet.ets b/entry/src/main/ets/components/FbMovieDetailSheet.ets index 5354d04..b1d9dfe 100644 --- a/entry/src/main/ets/components/FbMovieDetailSheet.ets +++ b/entry/src/main/ets/components/FbMovieDetailSheet.ets @@ -378,9 +378,11 @@ export struct FbMovieDetailSheet { * 全屏大图查看器。 * * 交互(对齐 Web 端灯箱): - * · 点背景关闭; - * · 左右两个按钮翻页(**循环**); - * · 底部显示"第 n / N 张"。 + * · 点背景关闭;右上角 ✕ 关闭; + * · **左右滑动**翻页(循环);视频用播放器自身的控制条。 + * + * ⚠️ 2026-11-06 去掉了底部的「上一张 / 第 n 张 / 下一张」控制条 —— + * 它压在图上把画面挡住了(用户要求删掉)。翻页只留左右滑动。 * * ⚠️ 图片用 `ImageFit.Contain` 而不是 `Cover`: * 查看器的目的是"看清整张图",裁掉边缘就失去意义了。 @@ -477,33 +479,18 @@ export struct FbMovieDetailSheet { .width('100%') .height('76%') - // ③ 底部控制条(靠下对齐) - Row({ space: 18 }) { - Text('‹ 上一张') - .fontSize(FbMetric.fontSmall) - .fontColor('#FFFFFFCC') - .padding({ left: 12, right: 12, top: 8, bottom: 8 }) - .onClick((): void => { - this.viewerStep(-1); - }) - Text((this.viewerIndex + 1).toString() + ' / ' + this.viewerList.length.toString()) - .fontSize(FbMetric.fontTiny) - .fontColor('#FFFFFF99') - Text('下一张 ›') - .fontSize(FbMetric.fontSmall) - .fontColor('#FFFFFFCC') - .padding({ left: 12, right: 12, top: 8, bottom: 8 }) - .onClick((): void => { - this.viewerStep(1); - }) - } - .width('100%') - .justifyContent(FlexAlign.Center) - // ⚠️ 用 `align` 把它压到 Stack 底部,而不是靠 margin 推 - .align(Alignment.Bottom) - .margin({ bottom: 40 }) + /* 🔴 用户 2026-11-06:「查看观影照片的时候,上一张、下一张,还有几张都在中间, + 把图给挡住了。把这些内容都删掉吧,不要了。」 + ⇒ 原来这里有一条底部控制条:`‹ 上一张` + `第 n / N 张` + `下一张 ›`。 + 它靠 `align(Alignment.Bottom)` + `margin(bottom: 40)` 贴底, + 而大图是 `height('76%')` **垂直居中** —— 换算下来图占屏幕 12%~88%, + 控制条正好落在图的范围内,压在上面把画面挡住了。 + ⇒ 整条删掉。翻页仍可用**左右滑动**(下面那个 PanGesture), + 这是相册的通用手势,比按钮更顺手,也不需要额外占位。 + ⚠️ 不要改成"把控制条挪到图下面":76% 的图两侧只余 12%, + 勉强塞进去会把图压小;而且删掉正是用户的原话。 */ - // ④ 右上角关闭(比"点背景"更明确) + // ③ 右上角关闭(比"点背景"更明确) // ⚠️ 必须留在 Stack 里当子节点(不能平铺出去)—— // 平铺会跑到浮层 Stack 上,position 相对的是**浮层**而不是查看器。 Column({ space: 2 }) {