ProHeader 标题组件

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

基础用法

这是一个标题

显示分割线

显示下划线

小尺寸

默认尺寸

大尺寸

使用插槽

<template>
  <div>
    <ProHeader>这是一个标题</ProHeader>

    <ProHeader divider>显示分割线</ProHeader>

    <ProHeader border>显示下划线</ProHeader>

    <ProHeader divider size="small">小尺寸</ProHeader>
    <ProHeader divider>默认尺寸</ProHeader>
    <ProHeader divider size="large">大尺寸</ProHeader>

    <ProHeader divider border>
      使用插槽
      <template #right>
        <el-button type="primary">添加联系人</el-button>
      </template>
    </ProHeader>
  </div>
</template>

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

<style lang="scss" scoped></style>

Attributes

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