组件<navigate>实现自定义导航栏。
功能:跳转、动态标题、自定义元素
在pages.json中配置
"navigationStyle": "custom"
小程序原生导航栏开放接口限制太多,不能满足业务开发需求。通过还原原生导航栏的基础上增加更多配置项。
| 属性 | 类型 | 默认值 | 备注 |
|---|---|---|---|
| showBack | Boolean | true | 是否展示回退icon |
| forceShowBack | Boolean | true | 强制展示回退icon |
| backIcon | String | -- | 回退icon类型 back |close |
| title | String | -- | 标题 |
| titlePosition | String | center | 标题位置 |
| titleSize | String | 16 | 标题字体大小 px |
| titleColor | String | #151517 | 标题字体颜色 |
| titleWeight | String | 500 | 标题字重 |
| bgColor | String | #fff | 导航栏背景色 |
| showRight | Boolean | false | 是否展示右侧内容 应用于app端 |
微信小程序的原生导航栏的高度是
180rpx