ProHeader 标题组件

用于页面标题进行分割主次内容。

基础用法

large 尺寸

default 尺寸

small 尺寸

分割线

下边框

右侧插槽

<template>
  <div>
    <pro-header size="large">large 尺寸</pro-header>
    <pro-header size="default">default 尺寸</pro-header>
    <pro-header size="small">small 尺寸</pro-header>
    <pro-header divider>分割线</pro-header>
    <pro-header border>下边框</pro-header>
    <pro-header divider border>
      右侧插槽
      <template #right>
        <el-button type="primary" text>新增</el-button>
      </template>
    </pro-header>
  </div>
</template>

<script setup lang="ts">
import { ElButton } from 'element-plus'
</script>

<style scoped></style>

Attributes

属性名	类型	默认值	说明
size	large | default | small	default	尺寸
divider	boolean	false	分割线
border	boolean	false	下边框

Slots

插槽名	说明
default	默认插槽
right	右侧插槽