https://github.com/HellyW/wepy-com-inaver

custom Nav base on wepy
https://github.com/HellyW/wepy-com-inaver

Last synced: 2 months ago
JSON representation

custom Nav base on wepy

• Host: GitHub
• URL: https://github.com/HellyW/wepy-com-inaver
• Owner: HellyW
• Created: 2018-03-28T08:22:44.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2018-04-04T08:50:41.000Z (almost 7 years ago)
• Last Synced: 2024-05-19T00:30:50.756Z (8 months ago)
• Language: JavaScript
• Homepage:
• Size: 1.44 MB
• Stars: 46
• Watchers: 2
• Forks: 14
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-wepy - wepy-com-inaver: 基于wepy框架的系统状态导航栏组件

README

        
## 同类组件

#### [可搜索可快捷导航的省市区地址选择器](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设置【使得状态栏样式保持一致】；

## 闲言碎语

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