Appearance
CompTitle 组件标题前缀
s-comp-title 是表单类组件左侧标题前缀,用来和 s-input、s-select、s-input-number 等输入控件拼接展示。单独使用时会保持和 Element Plus 输入框一致的高度。
Hidden Title
基础用法:
<s-comp-title title="默认" />属性事件插槽简介
基础用法
成华主题
石景山主题
API
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
title | 标题文案;为空时不渲染组件 | string | '' |
compTitleStyle | 标题容器样式,支持 width 并会经过 processWidth 处理 | object | {} |
theme | 主题样式 | default / chenghua / shijingshan | default |
透传属性
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
size | 尺寸,跟随 Element Plus 输入框尺寸 | large / default / small | default |
class | 自定义类名 | string / object / array | - |
style | 自定义样式 | string / object / array | - |
说明
s-comp-title默认用于输入类组件的左侧标题区域。- 默认高度为
var(--el-component-size, 32px),small为24px,large为40px。 - 和输入框拼接时,通常需要把后面的输入框左侧圆角置为
0。