鲸鱼体育 界面文字规范 | 标题特大字 (36px) |
核心排版元素 | 标题大字 (30px) |
副标题样式 | 标题中字 (24px) |
次级标题 | 标题标准字 (18px) |
辅助标题 | 正文大字 (14px) |
脚注说明 | 正文字 (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 |
基础表格样式,提供适度内边距。
| # | 主要標題 | 重點文字 | 連結說明 |
|---|---|---|---|
| 1 | 强调文本 | 主要颜色 | 標題一 |
| 2 | 標題二 | 內文段落 | 按鈕文字 |
| 3 | 輔助文字 | 連結文字 | 輸入框提示 |
可为表格添加额外样式类。
斑马条纹行,提升可读性。
| # | 次要標題 | 強調文字 | 按鈕說明 |
|---|---|---|---|
| 1 | 次级强调 | 辅助说明 | 链接文本 |
| 2 | 占位符文本 | 禁用文本 | 表單標籤 |
| 3 | 表單欄位 | 訊息提示 | 次要標題 |
表格边框与圆角。
| # | 內文標題 | 提示文字 | 欄位說明 |
|---|---|---|---|
| 1 | 相关链接 | 相关链接 | 相关链接 |
| 相关链接 | 相关链接 | 相关链接 | |
| 2 | 相关链接 | 相关链接 | 相关链接 |
| 3 | 相关链接 | 相关链接 | |
表格行悬停状态。
| # | 輔助標題 | 說明文字 | 提示說明 |
|---|---|---|---|
| 1 | 相关链接 | 相关链接 | 相关链接 |
| 2 | 相关链接 | 相关链接 | 相关链接 |
| 3 | 相关链接 | 相关链接 | |
© 2017 鲸鱼体育信息技术有限公司. 保留所有权利