xsl/meida
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(fitting): 预览区 45% 屏（≈正方形）改 3:4 竖版长方形

Browse Source 
生成结果实为 768x1024（3:4，已下载 OSS 原图核实），旧预览块宽100%×高45%屏
接近正方形，Cover 把竖图上下裁掉显成方形。改 aspectRatio(3/4) 后与人像照/
结果图同比例，不再裁切；保存到相册本就是原图长方形，不受影响。
This commit is contained in:
xsl
2026-09-03 21:26:37 +08:00
parent cc9db866dc
commit 20fcef71f6
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/entry/src/main/ets/pages/FittingRoomPage.ets
+3 -3
View File
@@ -1,7 +1,7 @@
/** /**
* FittingRoomPage —— 试衣间 v2「美搭配」（需求 v2 §3.1/3.2/3.3/3.4/4.1，UI 规范 §3）。 * FittingRoomPage —— 试衣间 v2「美搭配」（需求 v2 §3.1/3.2/3.3/3.4/4.1，UI 规范 §3）。
* *
* 形态：顶部本人照大图预览（45% 屏，Cover 圆角16，左上「模特」角标）+ 右缘悬浮 * 形态：顶部本人照大图预览（3:4 竖版，Cover 圆角16，左上「模特」角标）+ 右缘悬浮
* 黑胶囊「试穿」（未选上衣置灰）+ 下方「我的衣橱」Tab + 品类过滤 chips + * 黑胶囊「试穿」（未选上衣置灰）+ 下方「我的衣橱」Tab + 品类过滤 chips +
* 双列衣橱网格（末位「+ 添加」卡）。生成链路沿用 TryonPage v1： * 双列衣橱网格（末位「+ 添加」卡）。生成链路沿用 TryonPage v1：
* 320s 超时/秒数计时/屏幕常亮/返回挽留/取消生成/genSeq 失效/结果落盘 * 320s 超时/秒数计时/屏幕常亮/返回挽留/取消生成/genSeq 失效/结果落盘
@@ -525,7 +525,7 @@ struct FittingRoomPage {
.backgroundColor(Color.White) .backgroundColor(Color.White)
} }
/** 顶部预览区（45% 屏）：本人照 Cover 圆角16 + 「模特」角标 + 悬浮「试穿」黑胶囊。 */ /** 顶部预览区（3:4 竖版长方形）：本人照 Cover 圆角16 + 「模特」角标 + 悬浮「试穿」黑胶囊。 */
@Builder @Builder
PreviewBlock() { PreviewBlock() {
Stack() { Stack() {
@@ -633,7 +633,7 @@ struct FittingRoomPage {
} }
} }
.width('100%') .width('100%')
.height('45%') .aspectRatio(3 / 4) // 3:4 竖版：与生成结果(768x1024)/人像照同比例，Cover 不再裁成正方形
.borderRadius(16) .borderRadius(16)
.clip(true) .clip(true)
.margin({ left: 16, right: 16, top: 8, bottom: 8 }) .margin({ left: 16, right: 16, top: 8, bottom: 8 })