如何使用
<lx-header title="头部"></lx-header>Props
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|---|---|---|---|---|
| title | 导航栏标题 | string | 标题 | - |
| headerHeight | 头部高度 默认为44px （微信小程序不可用） | number | 44 | - |
| leftIconShow | 是否显示左侧内容 | boolean | true | false |
| backgroundColor | 导航栏的背景色 | string | #ffffff | - |
| textColor | 导航栏标题的颜色 | string | #000 | - |
| textFontSize | 导航栏标题的字体大小,单位rpx | number | 34 | - |
| isShowHeaderBox | 是否需要生成和头部高度相同的盒子,防止页面被头部遮挡 | boolean | true | false |
| positionState | 导航栏的定位类型 | string | fixed | css中position的属性 |
| isShowShadow | 是否显示阴影 | boolean | false | true |
| isBlackIcon | 左侧的返回图标是否为黑色,true为黑色,false为白色 | boolean | true | false |
| isHaveRightBox | 头部没有右侧盒子,true:左中右结构 false:左中结构(小程序可以为左中右结构但是没有右侧盒子) | boolean | true | false |
Slot
| 名称 | 说明 |
|---|---|
| - | 自定义中间部分的内容 |
| left | 自定义左侧部分的内容 |
| right | 自定义右侧部分的内容 |