# fine-navbar

## Props

<!-- @vuese:fine-navbar:props:start -->
|Name|Description|Type|Required|Default|
|---|---|---|---|---|
|fixed|是否固定在顶部|`Boolean`|`false`|`true`|
|height|导航栏高度|`String` /  `Number`|`false`|`32rpx`|
|statusBar|是否开启状态栏适配，开启会自动生成和系统状态栏高度一致的元素|`Boolean`|`false`|`true`|
|alignMenuButton|是否开启微信胶囊按钮对齐|`Boolean`|`false`|`true`|
|placeholder|固定在顶部时，是否生成等高的元素，防止页面内容塌陷|`Boolean`|`false`|`true`|
|opacity|透明度，可用于滚动渐变|`String` /  `Number`|`false`|`1`|
|background|导航栏背景|`String`|`false`|`-`|
|title|标题内容，如果过长会自动省略|`String`|`false`|`-`|
|titleSize|标题大小|`String` /  `Number`|`false`|`32rpx`|
|titleColor|标题颜色|`String`|`false`|`-`|
|titleWeight|标题粗细|`String`|`false`|`-`|
|titleStyle|标题样式|`String` /  `Object`|`false`|`-`|
|leftIcon|左侧图标，如果为空则不显示|`String`|`false`|`left`|
|leftIconSize|左侧图标大小|`String` /  `Number`|`false`|`32rpx`|
|leftIconColor|左侧图标颜色|`String`|`false`|`-`|
|leftIconWeight|左侧图标粗细|`String`|`false`|`-`|
|leftText|左侧文字，如果为空则不显示|`String`|`false`|`返回`|
|leftTextSize|左侧文字大小|`String` /  `Number`|`false`|`32rpx`|
|leftTextColor|左侧文字颜色|`String`|`false`|`-`|
|leftTextWeight|左侧文字粗细|`String`|`false`|`-`|
|rightIcon|右侧图标，如果为空则不显示|`String`|`false`|`right`|
|rightIconSize|右侧图标大小|`String` /  `Number`|`false`|`32rpx`|
|rightIconColor|右侧图标颜色|`String`|`false`|`-`|
|rightIconWeight|右侧图标粗细|`String`|`false`|`-`|
|rightText|右侧文字，如果为空则不显示|`String`|`false`|`-`|
|rightTextSize|右侧文字大小|`String` /  `Number`|`false`|`32rpx`|
|rightTextColor|右侧文字颜色|`String`|`false`|`-`|
|rightTextWeight|右侧文字粗细|`String`|`false`|`-`|
|border|是否显示导航栏底部边框|`Boolean`|`false`|`false`|
|borderWidth|底部边框的厚度|`String` /  `Number`|`false`|`2rpx`|
|borderColor|底部边框的颜色|`String`|`false`|`-`|
|borderStyle|底部边框的样式|`String` /  `Object`|`false`|`-`|
|autoBack|是否点击左侧，自动返回上个页面|`Boolean`|`false`|uni.$fine.props.navbar.autoBack|
|unit|显示单位|`'rpx' | 'px'`|`false`|`-`|
|theme|主题，支持自定义|`'light' | 'dark'`|`false`|`99`|
|customStyle|自定义样式|`String` /  `Object`|`false`|`-`|

<!-- @vuese:fine-navbar:props:end -->


## Events

<!-- @vuese:fine-navbar:events:start -->
|Event Name|Description|Parameters|
|---|---|---|
|leftClick|-|-|
|left-click|-|-|
|centerClick|-|-|
|center-click|-|-|
|rightClick|-|-|
|right-click|-|-|

<!-- @vuese:fine-navbar:events:end -->


## Slots

<!-- @vuese:fine-navbar:slots:start -->
|Name|Description|Default Slot Content|
|---|---|---|
|left|-|-|
|default|-|-|
|right|-|-|

<!-- @vuese:fine-navbar:slots:end -->


## MixIns

<!-- @vuese:fine-navbar:mixIns:start -->
|MixIn|
|---|
|undefined|

<!-- @vuese:fine-navbar:mixIns:end -->