SpTitle 标题组件
小于 1 分钟
标题的样式在页面中非常常用,通常用来分类一些页面内容使用,我们的样式几乎相同,所以封装成一个组件,方便使用。
基础使用
<SpTitle>标题内容</SpTitle>
带下划线
<SpTitle :underline="true">标题内容</SpTitle>
不带标记
<SpTitle style-type="none">标题内容</SpTitle>
API
SpTitle 属性
属性名 | 说明 | 类型 | 默认值 |
---|---|---|---|
styleType | 标记样式 | 'none' | 'disc' | 'circle' | 'square' | 'disc' |
underline | 显示标题下划线 | boolean | false |
fontSize | 字体大小 | string | 16px |
styleType 说明
none
: 不显示任何标记disc
: 实心圆点(默认)circle
: 空心圆点square
: 实心方块
SpTitle 插槽
插槽名 | 说明 |
---|---|
default | 默认插槽,标题内容 |