AiFormGroupTitle 分组标题
表单分组标题组件,渲染带蓝色装饰竖条的分组标题文字。纯展示组件,无事件、无插槽。
基本用法
vue
<template>
<AiFormGroupTitle label="基本信息" />
<AiFormGroupTitle title="联系方式" style="margin-top: 16px" />
</template>
<script setup>
import { AiFormGroupTitle } from '@/components/ai-form'
</script>Props
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
label | String | '' | 标题文本(优先) |
title | String | '' | 标题文本(label 为空时的备选) |
style | String | Object | Array | — | 内联样式 |
className | String | Object | Array | — | 附加 CSS 类名 |
显示优先级:
label || title || '分组标题'
视觉效果
┃ 基本信息左侧蓝色竖条 + 加粗文字,颜色跟随主题变量。
