0.0.3 • Published 4 years ago

weapp-nav-bar v0.0.3

Weekly downloads
13
License
All OpenSource
Repository
-
Last release
4 years ago

自定义导航栏

Wepalm.CN/微信小程序复用组件

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",
}

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

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

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

navBar 导航栏

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