Page Header 页头 #

页头组件用于展示标题和操作按钮等内容，常用于页面的头部区域。

标题 #

图标 #

按钮 #

按钮区域为响应式工具栏，支持根据屏幕尺寸自动调整显示按钮的个数。 通过属性buttonClass可以指定按钮区的自定义样式，例如宽度占比col-5。

翻页 #

页头组件支持向前翻页和向后翻页的图标按钮，常用于卡片类的单据页面。

是否可见 #

自定义模板 #

组件提供以下三个区域的自定义插槽模板：
1、左侧标题区域模板，插槽titleContent，自定义样式属性titleContentClass
2、中间内容区域模板，插槽content，自定义样式属性contentClass
3、下方扩展区域模板，插槽downContent，自定义样式属性downContentClass

属性 #

按钮类型 #

interface ResponseToolbarItem {
    /** 工具栏项标识 */
    id: string
    /** 图标 */
    icon: string
    /** 文本 */
    text: boolean
    /** 是否可用 */
    enable: boolean
    /** 是否可见 */
    visible: boolean
    /** 点击事件
     * $event: 鼠标点击事件对象
     * itemId: 当前点击的按钮标识 */
    onClick: ($event: MouseEvent, itemId: string) => void = () => {}
}

事件 #