uni-app 导航栏问题总结

最新推荐文章于 2024-08-06 20:13:36 发布

jp_567

最新推荐文章于 2024-08-06 20:13:36 发布

阅读量1.3w

点赞数 4

分类专栏： uni-app 文章标签： nui-app 新手基础

本文链接：https://blog.csdn.net/jp_567/article/details/93660842

版权

本文详细介绍了uni-app中导航栏的配置，包括`navigationBarTitleText`的设置，`titleNView`的自定义，尤其是按钮样式、动态效果的实现以及搜索框的配置和事件监听。通过在`pages.json`中设置按键和监听事件，实现了导航栏的交互功能。

摘要由CSDN通过智能技术生成

"style": {
               "navigationBarTitleText": "首页",
               "app-plus": {
                   "titleNView": {

//样式均在此处设置每个页面均支持通过配置 titleNView:false 来禁用原生导航栏

}

样式说明：

属性	类型	默认值	描述	最低版本
backgroundColor	String	#F7F7F7	背景颜色，颜色值格式为"#RRGGBB"。
buttons	Array		自定义按钮，详见 buttons
titleColor	String	#000000	标题文字颜色
titleOverflow	String	ellipsis	标题文字超出显示区域时处理方式。"clip"-超出显示区域时内容裁剪；"ellipsis"-超出显示区域时尾部显示省略标记（...）。
titleText	String		标题文字内容
titleSize	String		标题文字字体大小
type	String	default	导航栏样式。"default"-默认样式；"transparent"-透明渐变。
tags	Array		原生 View 增强，详见：5+ View 控件
searchInput	Object		原生导航栏上的搜索框配置，详见：searchInput	1.6.0