程序坞与菜单栏设置（如何自定义导航栏）
自定义导航栏通过app.wxa里的window配置，我们能轻松地构建一个通用的导航栏，所以页面通常不需要用到ui-nav-bar组件当你的页面需要一个自定义样式或者自定义行为的导航栏时，就需要用到nav-bar组件，今天小编就来说说关于程序坞与菜单栏设置?下面更多详细答案一起来看看吧!
程序坞与菜单栏设置
自定义导航栏。
通过app.wxa里的window配置，我们能轻松地构建一个通用的导航栏，所以页面通常不需要用到ui-nav-bar组件。当你的页面需要一个自定义样式或者自定义行为的导航栏时，就需要用到nav-bar组件。
|
属性 |
描述 |
|
custom-style |
设置nav-bar的样式。必须通过{{ {} }}来设置。例如：custom-style="{{ {borderBottom:'1px solid rgba(231, 231, 231, 0.6)',backgroundColor:'#fff'} }} |
当页面要使用nav-bar组件时，需要在app.wxa里window中设置navigationStyle为custom来隐藏通用导航栏。这时，所有的页面都必须要使用自定义导航栏。
在app.wxa中设置：
"window": {
"navigationStyle": "custom"
}
nav-bar组件用法如下（必须添加属性 slot="nav-bar"）：
<ui-nav-bar slot="nav-bar"></ui-nav-bar>
内容区域需要使用一个容器进行占位。详见示例。
<view style="height:{{NAV_HEIGHT}}"></view>
免责声明：本文仅代表文章作者的个人观点，与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺，请读者仅作参考，并自行核实相关内容。文章投诉邮箱：anhduc.ph@yahoo.com
