当前位置: 代码迷 >> 综合 >> uni-app自定义导航图标
  详细解决方案

uni-app自定义导航图标

热度:111   发布时间:2023-09-05 18:37:07.0

引言

导航栏在APP中引导说明的作用,通过导航描述,我们可以快速定位该页面的主要功能,不过现在的应用逐渐走向多元化,比如有些页面需要文字导航、有些需要图标导航、有些需要透明导航、有些需要渐进式导航、还有些根本就不需要导航,本次笔者记录一下用uni-app配置图标导航的过程。

配置选

https://uniapp.dcloud.io/collocation/pages?id=style

主要配置项

uni-app自定义导航图标

 使用案例

{"pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages{"path": "pages/index/index","style": {"titleImage":"static/hot.png"}}],"globalStyle": {"navigationBarTextStyle": "black","navigationBarTitleText": "uni-app","navigationBarBackgroundColor": "#F8F8F8","backgroundColor": "#F8F8F8"}
}

效果

uni-app自定义导航图标

  相关解决方案