PC 端-头部组件

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

基础用法

ZHeader 参数配置

1、代码示例

html

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

<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	退出按钮自定义点击事件	--	--

PC 端-头部组件 ​

基础用法 ​

ZHeader 参数配置 ​

1、代码示例 ​

2、配置参数（ Attributes） ​

3、Methods 方法 ​

PC 端-头部组件

基础用法

ZHeader 参数配置

1、代码示例

2、配置参数（ Attributes）

3、Methods 方法