# HTTitle 标题
HTTitle 是一个可复用的标题组件，支持多种等级的标题样式，并可自定义字体粗细。适用于页面主副标题、内容小节等多种场景。
# 基本用法
# 字体粗细 weight 示例
# 自定义内容（使用插槽）
标题内容默认通过 <slot> 插入，可自由使用 HTML 元素或其他组件。
# 样式类名说明（用于定制）
| 类名 | 说明 |
|---|---|
.ht-title | 基础类 |
.ht-title--primary | 主标题样式 |
.ht-title--secondary | 副标题样式 |
.ht-title--tertiary | 三级标题样式 |
.ht-title--quaternary | 四级标题样式 |
.ht-title--quinary | 五级标题样式 |
.ht-title--senary | 六级标题样式 |
# Props 参数
| 参数名 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
type | 标题类型，影响字体大小与行高 | string | 'primary', 'secondary', 'tertiary', 'quaternary', 'quinary', 'senary' | 'primary' |
weight | 字体粗细 | string / number | 'normal', 'bold', 'semi-bold', 500, 600 等 | 'normal' |
# type 类型说明
| type | 字体大小（font-size） | 行高（line-height） | 默认字体粗细（weight） |
|---|---|---|---|
primary | 32px | 38px | bold |
secondary | 24px | 32px | bold |
tertiary | 20px | 24px | normal |
quaternary | 16px | 22px | normal |
quinary | 14px | 20px | normal |
senary | 12px | 16px | normal |
✅ 默认使用
primary类型 📱 在小屏设备（mobile）下，primary类型会自动调整字体大小为18px，行高为21px
# 响应式设计
- 默认仅
primary类型在小屏下有响应式样式（通过 SCSS@include screen-mobile控制）； - 你可以在媒体查询中自定义其它类型标题的表现。
# 注意事项
- 本组件内部不限制具体的标签（如
<h1>、<h2>），需要根据语义需求自行使用； - 若未传入
type，默认使用primary； semi-bold字重将自动转换为500。