KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#developer-tools #typescript #dsh #dsh-plugin #ai-agent #codex #ai-agents #deepseek-harness #claude-code #cli #react #mcp

wepy-com-inaver

★ 43 Open GitHub ↗

custom Nav base on wepy

// repository documentation

★ 0 (0 ratings)

## 同类组件
#### [可搜索可快捷导航的省市区地址选择器](https://github.com/wahao/wepy-com-icityer)
#### [现代样式弹窗组件](https://github.com/wahao/wepy-com-iviewer)

# 效果：

#  如何查看demo

### 1.直接使用开发者打包文件：
####  下载dist文件夹，用微信开发工具打开

### 2.自行编译
```console
  npm install
``` 
```console
  npm run build
``` 
####  然后将dist文件夹用微信开发工具打开

# inaver导航栏组件参数说明：

### 说明：引用该导航栏，请设置navigationStyle: 'custom',同时尽可能检测微信版本是否高于6.6.0，以便更好的显示和交互

## 传入参数

#### background 
##### String 
##### 默认值：#353535 
##### 十六进制颜色

#### colorTheme 
##### String 
##### 默认值：white 
##### 可选，black、white

#### showBack 
##### Boolean 
##### 默认值：true 
##### 是否显示返回按钮

#### smartBack
##### Boolean 
##### 默认值：true 
##### 自动判断是否显示返回按钮，必须同时配合showBack为true使用

### 备注： showBack 与 smartBack

#### 1.smartBack为true时，showBack为true会根据系统层级判断是否显示；showBack为false时，总不显示；
#### 2.smartBack为false时，根据showBack直接控制显隐

#### toBack 
##### Boolean 
##### 默认值：true 
##### 点击返回按钮执行返回

#### checkCompatibility 
##### Boolean 
##### 默认值：true 
##### 兼容性检测，判断微信版本是否支持，不支持则不显示

#### protectCapsule 
##### Boolean 
##### 默认值：true 
##### 保护胶囊，不被污染；取消可扩大显示区域

## slot

#### slot="main" 大小及区域受showBack、protectCapsule影响

## 方法

#### back   通过 @back.user="" 绑定
##### 备注： toBack设置为false时，可通过上述方法监听返回，判断是否需要返回上一级

##### 补充说明：字体颜色及背景颜色设置，请同步app内window设置【使得状态栏样式保持一致】；

## 闲言碎语
#### 微信的这个功能，事实上很多开发者只在某些特定的页面、特定的情境下才会用到。但目前这个参数设置却是全局的。这就意味着如果使用。那么就要模拟其他的所有导航栏