自定义导航栏

Gitee 同步仓库

仓库地址：https://gitee.com/wepalm/weapp-component-reuse

Issue 更好的建议或bug报告

提交 Issue

PR 更好的开发完善建议

提交 PR

组件使用说明

依赖具有相互性，缺失组件请参阅仓库总体说明，如有未完善请见谅！

依赖
NPM: weapp-global-wxss

INSTALL: npm i weapp-global-wxss -S --production

页面配置 或 全局配置

{
  "navigationStyle": "custom",
}

组件示例展示 拥有 【返回 主页 搜索 标题】

固定的导航栏高度
Android: 48
iOS: 44

1、导航栏默认只显示标题 【返回、首页、搜索均不显示】
2、导航栏高度固定为 Android = 48；iOS = 44；单位 px
3、返回首页时调用 wx.navigateBack() 设置属性 delta: 99

navBar 导航栏

• options 样式隔离 isolated
• Props

参数 | 说明 | 类型 | 默认 ---|---|---|--- back | 返回上页 | boolean | false home | 返回首页 | boolean | false title | 标题 | string | 畔山拾趣 noTitle | 无标题设置，为true设置title无效 | boolean | false bgColor | 根节点背景色,接受任意css样式color值 | any | white border | 导航下边框 | boolean | true titleColor | 标题文字颜色 | string | #1A1A1A searchTitle | 搜索展示文字 | string | 探索！ sLink | 跳转页面路径，仅当传入该参数才会展示左侧搜索 | string | 无 shadow | 底部阴影 | boolean | true