uniapp--自定义导航栏

218 阅读1分钟

组件<navigate>实现自定义导航栏。 功能:跳转、动态标题、自定义元素

在pages.json中配置

 "navigationStyle": "custom"

小程序原生导航栏开放接口限制太多,不能满足业务开发需求。通过还原原生导航栏的基础上增加更多配置项。

属性类型默认值备注
showBackBooleantrue是否展示回退icon
forceShowBackBooleantrue强制展示回退icon
backIconString--回退icon类型 back |close
titleString--标题
titlePositionStringcenter标题位置
titleSizeString16标题字体大小 px
titleColorString#151517标题字体颜色
titleWeightString500标题字重
bgColorString#fff导航栏背景色
showRightBooleanfalse是否展示右侧内容 应用于app端

微信小程序的原生导航栏的高度是180rpx