多多28 品牌字體規範 | 主標題字號 36px |
核心資訊架構 | 副標題字號 30px |
段落與輔助標題 | 區塊標題字號 24px |
輔助標題 (H4) | 正文字號 18px |
引用標題 (H5) | 輔助文字號 14px |
輔助標題 (H6) | 註釋字號 12px |
資訊（含） progress-bar-info 類別。
成功（含） progress-bar-success 類別。
警告（含） progress-bar-warning 類別。
危險（含） progress-bar-danger 類別。
反向（含） progress-bar-inverse 類別。
反向（含） progress-bar-inverse 類別。
添加修飾類，改變徽章外觀。
| 样式类别 | 徽章 |
|---|---|
| 標準文字 | 42 |
.badge-primary | 1 |
.badge-success | 22 |
.badge-info | 30 |
.badge-warning | 412 |
.badge-danger | 999 |
基礎表格樣式：添加 .table 類，提供乾淨的內邊距。
| # | 用户昵称 | 用户ID | 显示名称 |
|---|---|---|---|
| 1 | 重點標記文字 | 用户昵称A | @用户A |
| 2 | 名字A | 姓氏A | @用户E |
| 3 | 名字E | 姓氏E | @用户G |
為 .table 基礎類添加以下任一修飾類，以實現不同視覺效果。
為表格的 <tbody> 內行添加條紋效果，提升可讀性 (部分舊版瀏覽器支援度較低)。
| # | 用户昵称 | 用户ID | 显示名称 |
|---|---|---|---|
| 1 | 突出显示 | 用户昵称B | @用户B |
| 2 | 名字B | 姓氏B | @用户F |
| 3 | 名字F | 姓氏F | @用户H |
為表格添加邊框和圓角，提升現代感。
| # | 用户昵称 | 用户ID | 显示名称 |
|---|---|---|---|
| 1 | 重点提示 | 用户昵称C | @用户C |
| 特殊标记 | 用户昵称D | @多多28官方 | |
| 2 | 名字C | 姓氏C | @用户G |
| 3 | 名字G 姓氏G | @用户I | |
為 <tbody> 內表格行啟用懸停狀態，提供互動反饋。
| # | 用户昵称 | 用户ID | 显示名称 |
|---|---|---|---|
| 1 | 强调文本 | 用户昵称E | @用户D |
| 2 | 名字D | 姓氏D | @用户H |
| 3 | 名字H 姓氏H | @用户J | |
© 2018 多多体育数据科技（北京）有限公司. 保留所有权利