# PC 端-头部组件

用于展示 PC 端头部， 展示平台内容以及登录用户相关数据。

### 基础用法

:::demo
ZHeader/base
:::

### ZHeader 参数配置

---

#### 1、代码示例

```html
<z-header
  :userInfo="userInfoObj"
  :welcomeTxt="welcomeTxtStr"
  :logoImgUrl="logoImgUrlStr"
  :bgColor="bgColorStr"
  :fontColor="fontColorStr"
  :logOutDisabled="logOutDisabled"
  @handleLogOut="handleLogOut"
/>
```

#### 2、配置参数（ Attributes）

| 参数           | 说明                    | 类型    | 默认值                            |
| :------------- | :---------------------- | :------ | :-------------------------------- |
| userInfo       | header 头部用户信息     | Object  | 默认：null                        |
| welcomeTxt     | header 头部欢迎语       | String  | 默认：'Hi！欢迎使用本系统'        |
| logoImgUrl     | header 头部左侧 logo    | String  | 默认：新版红色主题的中植基金 logo |
| bgColor        | header 头部导航栏背景色 | String  | 默认：'#fff' （白色）             |
| fontColor      | header 头部所有文案颜色 | String  | 默认：'#171a1d' （黑色）          |
| logOutDisabled | header 禁用默认退出登录 | Boolean | 默认：false （开启）              |

#### 3、Methods 方法

| 事件名       | 说明                   | 参数 | 返回值 |
| :----------- | :--------------------- | :--- | :----- |
| handleLogOut | 退出按钮自定义点击事件 | --   | --     |