Skip to content

# HeaderBar ​

## Props ​

参数 | 类型 | 默认值 | 必填 | 说明
--- | --- | --- | --- | ---
propLogoLayout | String | "normal" | 否 | 布局的类型 normal:普通的布局， 如：图标|流水线管理平台 main:主版本的布局，如：图标|研发协同一体化平台 流水线 gansu:甘肃版本的布局 如：图标|敏捷研发管理平台 流水线
propTitle | String | "研发协同一体化平台" | 否 | logo的标题
propLogoSrc | String | "" | 否 | logo的图片路径
propLogoSize | Object | null | 否 | logo的图片大小
propUserCnName | String | "" | 否 | 个人中心：用户的中文名称
propShowProfileButton | Boolean | true | 否 | 个人中心：是否显示个人信息按钮
propShowPasswordButton | Boolean | true | 否 | 个人中心：是否显示更换密码按钮
propBgColor | String | "default" | 否 | 背景颜色 'default' | 'blue'
height | String | "60px" | 否 | -
showHelpCenter | Boolean | false | 否 | -
systemSign | String | '' | 否 | -
showSplitLine | Boolean | false | 否 | -
userInfo | Object | () => ({}) | 否 | -

## Events ​

事件名 | 说明
--- | ---
emitClickLogo | 点击logo事件
emitShowProfile | 显示个人信息
emitChangePassword | 更换密码
emitQuit | 退出

## Slots ​

插槽名 | 说明
--- | ---
logoExtension | -

## 使用示例 ​

vue

    <template>
      <HeaderBar />
    </template>

    <script setup>
    import { HeaderBar } from 'ysj_plugins_dps'
    </script>