0.0.3 • Published 4 years ago
weapp-nav-bar v0.0.3
自定义导航栏
Gitee 同步仓库
仓库地址:https://gitee.com/wepalm/weapp-component-reuse
Issue 更好的建议或bug报告
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 |