# 组件原理
[微信小程序-自定义导航栏](https://www.cnblogs.com/sese/p/9761713.html)
# 使用方法
## 引入该组件
```
{
"usingComponents": {
"navbar": "/components/navbar/index"
}
}
```
## 使用该组件
```
<view class='view-page'>
<navbar page-name="你当前页面的名字"></navbar>
<view class='page-content'>
<!--这里放你的内容-->
</view>
</view>
```
# 参数说明
参数 | 说明 | 类型 | 默认值
----| ---| ---| ---
page-name | 当前页面名称 | `String`| --
show-nav | 是否显示左侧的导航 | `Boolean`| `true`
bg-color | 导航背景颜色 | `String`| `#fff`
icon-color | 左侧图标颜色 | `String`| `#000`
custom-class | 导航样式 | |
微信小程序头部导航.zip
需积分: 2 38 浏览量
2024-01-11
21:34:54
上传
评论
收藏 9KB ZIP 举报
微信小程序头部导航.zip （18个子文件） 
open_weixxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxcxxxxxxxxxxxxcxvcvcv 
sitemap.json 191B app.json 280B project.config.json 683B app.js 623B index index.wxml 357B index.js 428B index.json 71B index.wxss 0B app.wxss 498B components navbar index.wxml 667B index.js 923B index.json 82B index.wxss 1KB icon index.wxml 289B index.js 320B index.json 24B index.wxss 2KB README.md 715B资源评论
