Skip to content

页头 - IkPageHeader

支持左侧箭头、图标、文字、右侧内容

未命名1686729451.png

未命名1686729624.png

props

TIP

组件是基于element-plus的el-affix扩展的,支持el-affix的所有配置项

props类型说明默认值
titleString标题返回
iconString图标''
backgroundColorString图标背景色#1ABF8

slot

slot说明
title标题
icon图标
right右侧内容

示例代码

vue
<template>
<!-- 示例1 -->
  <IkPageHeader title="返回上级" icon="ik-shezhi"/>
<!-- 示例2 -->
  <IkPageHeader title="返回上级" icon="ik-shezhi">
    <template #right>
        <elbutton>提交</el-button>
    </template>
  </IkPageHeader>
</template>