@haoqimao/tbc-nav
v1.0.10
Published
## 自定义顶部组件
Readme
@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',{})