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

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容