@haoqimao/tbc-nav

1.0.10 • Public • Published

@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',{})

Readme

Keywords

none

Package Sidebar

Install

npm i @haoqimao/tbc-nav

Weekly Downloads

1

Version

1.0.10

License

MIT

Unpacked Size

15.2 kB

Total Files

11

Last publish

Collaborators

  • zbjumper
  • mengxing