# navigation

**Repository Path**: chees_cn/navigation

## Basic Information

- **Project Name**: navigation
- **Description**: 微信小程序自定义导航栏
- **Primary Language**: JavaScript
- **License**: LGPL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2020-09-16
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# navigation

## 介绍
微信小程序自定义导航栏

## 下载

```git
git clone https://gitee.com/zxc0421/navigation.git
```



## app.json设置

```json
  "window":{
    "navigationStyle": "custom"
  },
```

## 引入自定义组件

```json
{
  "usingComponents": {
    "navigation":"/navigation/navigation/navigation"
  }
}
```

```wxml
<navigation backShow="false" titleColor="#000"></navigation>
```

## 自定义属性说明

### backShow

> 控制返回胶囊的显示，默认false(首页就不要写这个了)

### titleColor

> 标题颜色，String类型，默认#000

### backColor

> 返回胶囊颜色，默认黑色（1），白色（2）；只有两种颜色

### backgroundColor

> 设置导航栏背景颜色， 默认白色，string类型（#ffffff）当设置导航栏背景图片（backgroundImg）时，此属性无效

### backgroundImg

> 设置导航栏背景图片，string类型（必须是网络地址）

## 示例代码

```wxml
<navigation titleColor="#000" backShow="true" backColor="2"></navigation>
```


## 参与贡献

1.  Fork 本仓库
2.  新建 Feat_xxx 分支
3.  提交代码
4.  新建 Pull Request


## 码云特技

1.  使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2.  码云官方博客 [blog.gitee.com](https://blog.gitee.com)
3.  你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解码云上的优秀开源项目
4.  [GVP](https://gitee.com/gvp) 全称是码云最有价值开源项目，是码云综合评定出的优秀开源项目
5.  码云官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6.  码云封面人物是一档用来展示码云会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)