Giai đoạn 0 · Dựng nền

Xét Nghiệm Y Học

Trang kiểm bộ nhận diện và bộ component cơ sở. Trang chủ thật dựng ở giai đoạn 2.

Đăng nhập

Google qua Supabase Auth — G0-T6. Tài khoản mới tự có vai trò Thành viên.

Bảng màu nền tảng

Nền
--kxn-bg
Mặt phẳng
--kxn-surface
Mặt phẳng phụ
--kxn-surface-2
Chữ
--kxn-text
Chữ mờ
--kxn-text-muted
Đường kẻ
--kxn-border
Nhấn
--kxn-accent
Nhấn nhạt
--kxn-accent-soft
Vàng đồng
--kxn-gold
Cảnh báo
--kxn-danger
Xanh bạc hà
--kxn-mint

Màu chuyên ngành

Hoá sinh
--kxn-hoasinh
Huyết học
--kxn-huyethoc
Vi sinh
--kxn-visinh
Quản lý chất lượng
--kxn-chatluong

Nút

Chip lọc

role="tab" + aria-selected (§16.2, xem L8). Chấm màu theo chuyên ngành như §7.3.

Thẻ và nhãn

Ca lâm sàngSong ngữ Việt – Anh

Tăng kali máu giả do vỡ hồng cầu

Nam 34 tuổi, khoẻ mạnh, khám sức khoẻ định kỳ. Kết quả kali 7,2 mmol/L nhưng bệnh nhân không có triệu chứng.

Các tông nhãn

Trung tínhĐã thẩm địnhCần theo dõiBản nháp

Nội dung tiếng Việt không gắn nhãn ngôn ngữ — §4.4.

Ô nhập liệu

Báo lỗi tại ô: viền đỏ, nền hồng, dòng lỗi ngay dưới, tự cuộn tới — §8.1.

Đường dẫn sinh tự động từ tiêu đề.

Thông báo và xác nhận

Gỡ hai bước 6 giây và thông báo có nút Hoàn tác — §8.1.

Trạng thái rỗng

§7.13 — không để lưới trắng.

Chưa có bài viết nào

Khi có bài viết đầu tiên, danh sách sẽ hiện ở đây.

Kiểm nhanh

  • /api/health — chạm cơ sở dữ liệu, chống tạm dừng Supabase (§3.4)
  • Nhấn Tab qua toàn trang để kiểm viền focus 2 px (§16.2)