@h3/thinking-ui

# 文字

蓝湖设计稿地址：文字

# 字体类型

雀
Pingfang SC
Aa
sans-serif
// 值
@h3-font-family: -apple-system, "San Francisco Pro", Roboto, "PingFang SC", "Source Han Sans CN", "Microsoft YaHei", sans-serif;

// 使用示例
.main {
  font-family: @h3-font-family;
}

# 字号

样式
type
字号大小
font-size
建议行高
line-height
使用场景
usage scenario
标准字体 ABCD 1234
36px
52px
全局titlebar 大标题
标准字体 ABCD 1234
34px
52px
弹窗标题 按钮
标准字体 ABCD 1234
32px
48px
子表标题
标准字体 ABCD 1234
30px
46px
正文
标准字体 ABCD 1234
28px
44px
表单标题字段
标准字体 ABCD 1234
26px
42px
cell上下描述文案
标准字体 ABCD 1234
24px
40px
摘要，辅助信息
@h3-font-size-sl: 36px;
@h3-font-size-xl: 34px;
@h3-font-size-lg: 32px;
@h3-font-size-base: 30px; // @h3-font-size-md: 30px;
@h3-font-size-sm: 28px;
@h3-font-size-xs: 26px;
@h3-font-size-ss: 24px;

# 字重

只出现 regular 以及 semibold 的两种字体重量，分别对应代码中的400 和 600。regular应用于正文内容及普通标题，semibold应用于需要加粗强调的正文或标题。在英文字体加粗的情况下会采用 semibold 的字体重量，对应代码中的 600。

永
Regular 400
永
Semibold 600
Aa
Regular 400
Aa
Semibold 600

# 文字颜色

#000000
h3-text-color-special
#333333
h3-text-color
#666666
h3-text-color-minor
#999999
h3-text-color-explain
#cccccc
h3-text-color-placeholder 
//字体颜色
@h3-text-color-special: #000000; //特殊字体颜色
@h3-text-color: #333333; //标题 bar 主文案颜色
@h3-text-color-minor: #666666; //副标题 次要文案颜色
@h3-text-color-explain: #999999; //说明文案
@h3-text-color-placeholder: #cccccc; // 预填/禁用文本

← 按钮 →