COMPONENTS · EDITION CODE MARK
期號 Code Mark
六位數的文章 ID,像雜誌的期數一樣標記每一篇。不足六位以 0 補齊。
範例
LIVE EXAMPLE
128406004271099999
WHY編號讓每篇內容都像可收藏的一期,也是 App 與網站之間的共同索引。
程式碼
SWIFT
FLiPERCodeMark(postID: 128406)CSS
.code-mark { font-family: ui-monospace, monospace; letter-spacing: 4px;
font-variant-numeric: tabular-nums; font-size: 12px; color: var(--muted); }WHEN TO USE
何時使用
用於封面、文章索引與收藏列表，將文章 ID 轉成可辨認的期號；它不是日期，也不是隨機裝飾。
BEHAVIOR
狀態與互動
| 狀態 | 行為 / 呈現 |
|---|---|
| 預設 Default | 文章 ID 左側補 0 成六位數；等寬字、tabular-nums、muted 色。 |
| 滑過 Hover | 靜態期號無 hover；若提供複製操作，另加有名稱的複製按鈕。 |
| 焦點 Focus | 數字本身不進入 Tab；複製按鈕顯示焦點與複製結果。 |
| 停用 Disabled | 無 disabled；缺少 ID 時不顯示假的 000000，等待真實資料。 |
GUARDRAILS
使用邊界
DO
保留六位文章索引，複製時返回同樣的六位字串。
DON'T
用裝飾性的隨機號碼冒充文章 ID，或讓期號搶過標題。