uniapp 修改原生导航栏

在pages.json中style修改app-plus的属性。

图片.png
如下：

{
                    "path": "mine/assets/fry_detail/index",
                    "style": {
                        //这里可根据导航栏的颜色来具体设置                      
                       "navigationBarTextStyle": "black",
                        "app-plus": {
                            "scrollIndicator": "none",
                            "titleNView": {
                                "titleText": "",
                                "titleAlign": "center",
                                "titleColor": "#000",
                                "backButton": {
                                    "fontWeight": "bold"
                                },
                                //这里设置的是导航栏的颜色
                                "backgroundImage": "linear-gradient(to bottom, #ffef8a, #fff6bf)",
                                //背景图水平方向平铺
                                "backgroundRepeat": "repeat-x"
                            }
                        }
                    }
                },

图片.png
官网：https://uniapp.dcloud.net.cn/collocation/pages.html#app-plus