@itimebox/tbc-nav
自定义顶部组件
支持返回按钮,反手首页和首页返回按钮三种模式
组件支持滚动后变色,详见下方参数
参数
属性 | 类型 | 默认值 | 备注 |
---|---|---|---|
color | String | #ffffff | 文字和边框颜色 |
bgcolor | String | rgba(0,0,0,0) | 默认底色为透明色 |
fixedbgcolor | String | '' | 当导航栏固定时的变换颜色 |
homePath | String | /pages/home | 首页的路径 |
left | Boolean | true | true:显示左侧操作区 false:使用slot自定义插槽 |
title | String | '' | 标题 |
type | String | '1' | 1:只有一个返回按钮 2:只有一个首页按钮 3:返回上一页和首页按钮组 其他:使用slot插槽自定义 |
systeminfo | Object | {} | 已经存储过此项,传值可优化性能 |
controlType | Number | 1 | // 1:默认,0:全部自己控制 |
customGoBack | Boolean | false | // 是否自定义返回操作 false:默认 |
needSpacing | Boolean | true | // 是否需要底部的占位 true:默认 |
事件
triggerEvent('size',{
statusBarHeight, // 顶部状态栏的高度
navHeight, // 导航栏的高度
height, // 组件总高度
navBottom, // 导航栏底部位置
menuWidth, // 右侧按钮宽度
menuHeight, // 右侧按钮高度
menuLeft, // 右侧按钮左侧宽度
menuRight, // 右侧按钮右侧宽度
})
triggerEvent('fixed',{
fixed, // 当前是否为固定顶部
})
自定义返回事件
triggerEvent('go-back-click',{})