Skip to content

AiFormGroupTitle 分组标题

表单分组标题组件,渲染带蓝色装饰竖条的分组标题文字。纯展示组件,无事件、无插槽。

基本用法

vue
<template>
  <AiFormGroupTitle label="基本信息" />
  <AiFormGroupTitle title="联系方式" style="margin-top: 16px" />
</template>

<script setup>
import { AiFormGroupTitle } from '@/components/ai-form'
</script>

Props

属性类型默认值说明
labelString''标题文本(优先)
titleString''标题文本(label 为空时的备选)
styleString | Object | Array内联样式
classNameString | Object | Array附加 CSS 类名

显示优先级:label || title || '分组标题'

视觉效果

┃ 基本信息

左侧蓝色竖条 + 加粗文字,颜色跟随主题变量。

Forge Admin — 基于 Vue3 + Spring Boot 的企业级后台管理框架