title组件

Hidden Title

基础用法：<s-title title="你好"></s-title>

compTitle 也可以作为独立组件使用，完整文档见 CompTitle 组件标题前缀。

标题内容按 title 命名插槽、默认插槽、title 属性的顺序取值，三种方式共享相同的标题样式：

vue

<s-title title="属性标题" />
<s-title>默认插槽标题</s-title>
<s-title>
  <template #title>命名插槽标题</template>
</s-title>

<s-title title="属性标题" />
<s-title>默认插槽标题</s-title>
<s-title>
  <template #title>命名插槽标题</template>
</s-title>

需要在标题后追加状态、标签或操作内容时，使用 append 插槽：

vue

<s-title title="服务状态">
  <template #append><s-tag type="success">运行中</s-tag></template>
</s-title>

<s-title title="服务状态">
  <template #append><s-tag type="success">运行中</s-tag></template>
</s-title>

属性名	说明	类型	默认值
`title`	主标题文案	string	`''`
`size`	尺寸，支持 `small` / `default` / `large`	string	`default`
`subTitle`	副标题文案	string	`''`
`subAttrs`	副标题额外属性	object	`{}`
`inner`	是否使用内部缩进	boolean	`false`
`margin`	外边距，支持 CSS margin 简写	string / number	`''`
`gap`	标题内部间距，控制图标、标题、副标题、右侧区域间距	string / number	`''`
`t`	上边距，兼容快捷写法，优先级高于 `margin`	string / number	`''`
`b`	下边距，兼容快捷写法，优先级高于 `margin`	string / number	`''`
`l`	左边距，兼容快捷写法，优先级高于 `margin`	string / number	`''`
`tb`	同时设置上下边距，兼容快捷写法，优先级高于 `margin`	string / number	-
`height`	组件高度	string / number	`''`
`type`	标题样式类型，支持 `''` / `icon` / `simple` / `form`	string	`''`
`theme`	主题样式，支持 `default` / `chenghua` / `shijingshan`	string	`default`
`tag`	标题标签，支持 `div` / `h1` / `h2` / `h3` / `h4` / `h5` / `h6`	string	`div`
`level`	非原生标题标签的无障碍标题层级，支持 `1` 到 `6`	number	`3`