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