基于uni-app的沉浸式导航栏配置

时间:2024-03-24 17:20:10

本文是基于uni-app的 沉浸式导航栏配置

uni-app的官网:

https://uniapp.dcloud.io/collocation/pages

基于uni-app的沉浸式导航栏配置

 这些配置在pages.json中,如下:

基于uni-app的沉浸式导航栏配置

 为了设置沉浸式导航栏:点击“pages”,跳进下图位置,再点击pageStyle

基于uni-app的沉浸式导航栏配置

 可以看到style,用于设置每个页面的状态栏、导航条、标题、窗口背景色等。基于uni-app的沉浸式导航栏配置

 在代码中就是

基于uni-app的沉浸式导航栏配置

设置之后就可以达到如下效果:

 基于uni-app的沉浸式导航栏配置