uniapp 修改原生導(dǎo)航欄

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

圖片.png

如下：

{
                    "path": "mine/assets/fry_detail/index",
                    "style": {
                        //這里可根據(jù)導(dǎo)航欄的顏色來具體設(shè)置                      
                       "navigationBarTextStyle": "black",
                        "app-plus": {
                            "scrollIndicator": "none",
                            "titleNView": {
                                "titleText": "",
                                "titleAlign": "center",
                                "titleColor": "#000",
                                "backButton": {
                                    "fontWeight": "bold"
                                },
                                //這里設(shè)置的是導(dǎo)航欄的顏色
                                "backgroundImage": "linear-gradient(to bottom, #ffef8a, #fff6bf)",
                                //背景圖水平方向平鋪
                                "backgroundRepeat": "repeat-x"
                            }
                        }
                    }
                },

圖片.png

官網(wǎng)：https://uniapp.dcloud.net.cn/collocation/pages.html#app-plus

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容