@aligov/page-head

页头

Usage no npm install needed!

<script type="module">
  import aligovPageHead from 'https://cdn.skypack.dev/@aligov/page-head';
</script>

README

页头

@aligov/page-head

页头

API

参数名 说明 必填 类型 默认值 备注
title 页面标题 ReactElement
breadcrumbs 面包屑数据 Array
actions 操作 ReactElement
infos 信息块数据 Array
infoColumns 信息列数 number 3
className 额外的 class string

breadcrumbs

breadcrumbs 面包屑数组元素的格式是 string 或 IBreadcrumbItem，其中 IBreadcrumbItem 包含以下属性：

  • label，字符串或有效的 React 结点，面包屑文案
  • link，字符串，可选，跳转链接
  • router，布尔值，可选，默认是 true，表示使用 React Router 的 Link 元素来处理；false 表示直接使用 a 标签

infos

infos 是一个数组，其元素格式是 IInfoDataSourceItem，包含以下属性：

  • label，ReactElement，属性名称
  • value，ReactElement，属性值
  • span，number，可选，属性占据列数，默认是 1。