genneral/sys-analysis-design
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update skill ba

Browse Source
This commit is contained in:
Canhchimlac
2026-09-11 23:01:18 +07:00
parent 2c7bcde741
commit d169c85dd4
51 changed files with 4111 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
ba-output/e-commerce/03-specification/design/FIGMA_US002-003_v1.0/SCR-04.mobile.svg Normal file
View File

@@ -0,0 +1,78 @@
<?xml version="1.0" encoding="UTF-8"?>
<!--
SCR-04.mobile.svg — khung Giỏ hàng (US-002/US-003), trạng thái default, khung nhìn mobile (390×844).
Z3 (Tổng kết) hiển thị dạng footer sticky đáy màn hình theo WF §2/§3.1.1 (khác desktop: sidebar bên phải).
Nguồn/quy tắc màu — xem SCR-04.desktop.svg. Độ tin cậy visual: 🔴 (OQ-022).
v1.1 (2026-09-09): bổ sung F01/C07 còn thiếu cho dòng "Balo du lịch" (Shop B), đặt ở hàng riêng dưới khối text
(khớp bản sửa lỗi bố cục mobile của HIFI — ds-components v1.1, .ds-m-full — xem DSPEC §2.1).
-->
<svg xmlns="http://www.w3.org/2000/svg" width="390" height="844" viewBox="0 0 390 844" font-family="Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif" font-size="13" data-scr="SCR-04" data-view="mobile" data-state="default" data-source="HIFI_US002-003_v1.0.html#SCR-04">
<title>SCR-04 · Giỏ hàng · mobile · default</title>
<rect id="canvas" width="390" height="844" fill="#F6F7F9" data-token="color.bg.canvas"/>
<g id="Z1" data-name="Header màn hình" transform="translate(16 20)">
<text x="0" y="24" font-size="18" font-weight="600" fill="#1B1F24" data-token="color.text.primary" data-key="cart.title">Giỏ hàng của bạn</text>
<text x="0" y="42" font-size="12" fill="#5B6472" data-token="color.text.secondary" data-key="cart.itemCount">(5 sản phẩm — minh hoạ)</text>
</g>
<g id="Z2" data-name="Danh sách nhóm seller" transform="translate(16 76)">
<g data-name="Card nhóm seller">
<rect width="358" height="164" rx="8" fill="#FFFFFF" stroke="#D5DAE1" data-token="color.border.default"/>
<g id="C02"><text x="12" y="26" font-size="14" font-weight="600" fill="#1B1F24" data-token="color.text.primary">Shop A</text></g>
<g data-name="CartItem 1" transform="translate(12 38)">
<g id="C03"><rect width="56" height="56" rx="4" fill="#EEF1F5" stroke="#D5DAE1" data-token="color.bg.subtle"/></g>
<g transform="translate(64 2)">
<text id="C04" y="14" fill="#1B1F24" data-token="color.text.primary">Áo thun basic</text>
<text id="C05" y="32" font-size="11" fill="#5B6472" data-token="color.text.secondary">Size M, Đỏ</text>
<text id="C06" y="48" font-size="11" fill="#5B6472" data-token="color.text.secondary">100.000 ₫</text>
</g>
</g>
<g id="F01" transform="translate(12 104)">
<rect width="100" height="44" rx="4" fill="#FFFFFF" stroke="#767F8C" data-token="color.border.strong"/>
<text x="18" y="27" fill="#1B1F24" data-token="color.text.primary">− 2 +</text>
</g>
<g id="C07" transform="translate(246 104)">
<rect width="100" height="44" rx="4" fill="#B42318" data-token="color.status.danger"/>
<text x="50" y="27" text-anchor="middle" font-weight="600" fill="#FFFFFF" data-token="color.text.inverse" data-key="btn.delete">Xoá</text>
</g>
</g>
<g id="C08" transform="translate(174 250)"><text text-anchor="end" x="184" fill="#1B1F24" data-token="color.text.primary">Tạm tính: 250.000 ₫</text></g>
<g transform="translate(0 280)" data-name="Card nhóm seller">
<rect width="358" height="164" rx="8" fill="#FFFFFF" stroke="#D5DAE1" data-token="color.border.default"/>
<g id="C02"><text x="12" y="26" font-size="14" font-weight="600" fill="#1B1F24" data-token="color.text.primary">Shop B</text></g>
<g data-name="CartItem 2" transform="translate(12 38)">
<g id="C03"><rect width="56" height="56" rx="4" fill="#EEF1F5" stroke="#D5DAE1" data-token="color.bg.subtle"/></g>
<g transform="translate(64 2)">
<text id="C04" y="14" fill="#1B1F24" data-token="color.text.primary">Balo du lịch</text>
<text id="C05" y="32" font-size="11" fill="#5B6472" data-token="color.text.secondary">Đen</text>
<text id="C06" y="48" font-size="11" fill="#5B6472" data-token="color.text.secondary">200.000 ₫</text>
</g>
</g>
<g id="F01" transform="translate(12 104)">
<rect width="100" height="44" rx="4" fill="#FFFFFF" stroke="#767F8C" data-token="color.border.strong"/>
<text x="18" y="27" fill="#1B1F24" data-token="color.text.primary">− 1 +</text>
</g>
<g id="C07" transform="translate(246 104)">
<rect width="100" height="44" rx="4" fill="#B42318" data-token="color.status.danger"/>
<text x="50" y="27" text-anchor="middle" font-weight="600" fill="#FFFFFF" data-token="color.text.inverse" data-key="btn.delete">Xoá</text>
</g>
</g>
<g id="C08" transform="translate(174 530)"><text text-anchor="end" x="184" fill="#1B1F24" data-token="color.text.primary">Tạm tính: 260.000 ₫</text></g>
</g>
<!-- Z3 — footer sticky đáy màn hình (mobile khác desktop: nằm dưới thay vì sidebar phải) -->
<g id="Z3" data-name="Tổng kết (footer mobile)" transform="translate(0 764)">
<rect width="390" height="80" fill="#FFFFFF" data-token="color.bg.surface"/>
<line x1="0" y1="0.5" x2="390" y2="0.5" stroke="#D5DAE1" data-token="color.border.default"/>
<g id="C09"><text x="16" y="30" font-size="16" font-weight="600" fill="#1B1F24" data-token="color.text.primary">Tổng cộng: 510.000 ₫</text></g>
<g id="C11" transform="translate(16 40)">
<rect width="358" height="30" rx="4" fill="#2456A6" data-token="color.brand.primary"/>
<text x="179" y="20" text-anchor="middle" font-weight="600" fill="#FFFFFF" data-token="color.text.inverse" data-key="btn.checkout">Tiến hành Checkout</text>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.5 KiB