1.0.10 • Published 3 years ago
@haoqimao/tbc-nav v1.0.10
@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',{})