From 2033a9407e3a6f2ac16e6c46ca12f0fdb508e0ad Mon Sep 17 00:00:00 2001 From: czl231 <3286836406@qq.com> Date: Wed, 2 Sep 2026 21:59:24 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E7=94=A8=E6=88=B7=E7=AB=AF?= =?UTF-8?q?=E9=A6=96=E9=A1=B5=E6=9C=8D=E5=8A=A1=E5=BD=92=E5=B1=9E=E5=B1=95?= =?UTF-8?q?=E7=A4=BA?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- apps/user_app/design-qa.md | 25 ++++ apps/user_app/design-qa/对照_全页.png | Bin 0 -> 450565 bytes apps/user_app/design-qa/对照_服务归属卡片.png | Bin 0 -> 95825 bytes .../design-qa/用户端首页_服务归属实现.png | Bin 0 -> 31378 bytes .../lib/ui/features/home/home_page.dart | 45 ++----- .../features/home/service_relation_card.dart | 112 ++++++++++++++++++ .../test/ui/service_relation_card_test.dart | 66 +++++++++++ apps/user_app/tool/home_visual_preview.dart | 62 ++++++++++ docs/03-用户端App需求.md | 1 + ...日志_用户端首页服务归属展示优化_20260902.md | 47 ++++++++ docs/设计参考/用户端首页_服务归属方案1.png | Bin 0 -> 1012456 bytes 11 files changed, 321 insertions(+), 37 deletions(-) create mode 100644 apps/user_app/design-qa.md create mode 100644 apps/user_app/design-qa/对照_全页.png create mode 100644 apps/user_app/design-qa/对照_服务归属卡片.png create mode 100644 apps/user_app/design-qa/用户端首页_服务归属实现.png create mode 100644 apps/user_app/lib/ui/features/home/service_relation_card.dart create mode 100644 apps/user_app/test/ui/service_relation_card_test.dart create mode 100644 apps/user_app/tool/home_visual_preview.dart create mode 100644 docs/操作日志_用户端首页服务归属展示优化_20260902.md create mode 100644 docs/设计参考/用户端首页_服务归属方案1.png diff --git a/apps/user_app/design-qa.md b/apps/user_app/design-qa.md new file mode 100644 index 0000000..28097f6 --- /dev/null +++ b/apps/user_app/design-qa.md @@ -0,0 +1,25 @@ +# 用户端首页服务归属视觉验收 + +## 验收基线 + +- 视觉事实源:`D:\5k\platforms\docs\设计参考\用户端首页_服务归属方案1.png` +- 实现截图:`D:\5k\platforms\apps\user_app\design-qa\用户端首页_服务归属实现.png` +- 验收视口:390 × 844 CSS 像素,设备像素比 1 +- 页面状态:固定示例数据;所属气站“和气城南气站”,服务配送点“安顺路配送点”,公告 6 条 +- 事实源像素尺寸:853 × 1844;按 390 × 844 归一化后与实现截图比较 +- 实现截图像素尺寸:390 × 844;截图尺寸与 CSS 视口一致,无额外密度换算 + +## 对照证据 + +- 全页对照:`D:\5k\platforms\apps\user_app\design-qa\对照_全页.png`,左侧为归一化事实源,右侧为实现 +- 服务归属局部对照:`D:\5k\platforms\apps\user_app\design-qa\对照_服务归属卡片.png`,截取相同视口区域,左侧为事实源,右侧为实现 + +## 比较记录 + +1. 第一轮发现 P1:实现卡片使用 20 像素内边距和 72 像素图标底座,导致标题与两行字段整体比事实源右移约 12 像素,卡片高度也偏高约 7 像素。 +2. 修正为 16 像素内边距和 64 像素图标底座后重新截图;标题、标签、值、分隔线与图标的相对位置已与事实源对齐。 +3. 第二轮未发现 P0、P1 或 P2 视觉问题。页面无横向溢出,底部导航无遮挡,卡片边框、圆角、行距和信息层级一致。 + +## 最终结果 + +passed diff --git a/apps/user_app/design-qa/对照_全页.png b/apps/user_app/design-qa/对照_全页.png new file mode 100644 index 0000000000000000000000000000000000000000..c651429e33633644fd32ae5d377837055b857973 GIT binary patch literal 450565 zcmX_m^;;8c-#3VWN?nRb4-shvX&5afIq4p9u}Rmc(JD%JO_0$r8l8ZEgowgIsS(n( zN!Q4c?{PoR{k%V%|G;^Cj!%9Qo}1_~-Qv1MMMcG=|4iGAii+kw6%~!q4LT|+s&ZYd zJ{1)eb%2@PQ>ummo;4~es_U+r#+p=ApVAo4ooT74sBZc_vkjo4V($IVqwe>uf>2Ri zRp@JLTEM}Zo%9_qMR z45MG`JO<}_hxqO&&!4+W3oEUteZAjx*0p}Da;%_$g-GWa!AxG7WCpzC<^p7_5m5Mr zAwOE07%nkJ_l~!jl{X93Wn;UN=@}V;yv`CI_UJI_yT8e~CS=Q#H(dq_{
J<7u2y+24g-rK8*{7{JgX*?x~93z8XdnN@abr2H}eE>#eX@i~Xc
zNt{pVFGjpopl$Aqb-8MHDQE%81;>eIlTw6;XnEr419dlC;5%Phxv4xn`_Qe4x9CUC
ztDOnHeOGMp?FR2}cil7wWJv58JG@%SY4?yjT93SDGyje`b4~yp^VU`EMEzoekHbTY
zduk|FzNzHR%}@%W?Sop
z3ocFpU(50RS{2$d5an;Ng(9C!p8Rn3h3lczJ=QDP0mjBasqNB^FG}|pnb>8S`D0M3
z>VC|LwavBqMN7j$PJw(Fx3VC
*8z5
zRK%vhc{>siQ08~epD|EqwWK0-zGH_E6LxtQGiNMy-sE@cVKsr5>z|gMd!3bG$lsMY
z`3PrqfuAm;g4q;=A5TkNhxZSE(XSD|a90n4VxISa5Tmh9ZT6PqoJ}1SZ<*mKck-Ed
zLUzAi%EH`VY}b3Q5T9c_M%wl-n4Hm~WHxA#fY0K3ZhAn2iRK--X%X^}3kJHR5LTjy
zHI+24%4@L4QwQ^?YasvV^wQ-Gjq}w?pMDCxU>!%rZAUEd=Rj>ogd#Unz=!
W8OX!5=1pP3rnwi}zk|x|V@@EH?{+53K#gMkcTK1J3!nS2%lU
zNfxN})@92Ub8>?|6`p;;C1%f0|D(>yx4V4fRVETBa
zzo8YT?Vd(>8#q#`&3D_~AisDeiLp~il+HLFX>W|r@gA1Tk^UJ#nse9`k+9yIZZd%~
z4N4{Hs&`a{H`~Q+GpTh{%st<=G`Sz~09J3}_Q@$|O~sP