AiFormSectionTitle 区块标题

区块标题组件，渲染带视觉装饰的分区标题。支持标题、描述、徽章和锚点 ID。纯展示组件，无事件、无插槽。

基本用法

<template>
  <AiFormSectionTitle title="基础配置" />
  <AiFormSectionTitle
    title="高级选项"
    description="以下为可选配置，非必填"
    badge="PRO"
  />
  <AiFormSectionTitle
    title="权限设置"
    anchor-id="permission-section"
  />
</template>

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

Props

属性	类型	默认值	说明
title	String	'分组信息'	标题文本
description	String	''	标题下方显示的描述文本
badge	String	''	标题旁边的徽章标签文本
anchorId	String	''	设置 data-ai-section 属性，用于锚点定位

视觉效果

┃ 基础配置 [PRO] ═══════════════════════════════
  以下为可选配置，非必填

• 蓝色竖条 + 加粗标题 + 可选徽章
• 描述文本在标题下方
• 右侧水平分隔线自适应弹性空间
• 移动端（≤640px）隐藏分隔线，对齐方式切换为顶部对齐