項(xiàng)目場景:
編譯器使用HBuilderX,用uni-app框架創(chuàng)建一個商場小程序項(xiàng)目
問題描述
過程中在項(xiàng)目根目錄下 page.json文件夾中配置了"globalStyle"節(jié)點(diǎn)控制頭部導(dǎo)航樣式時出現(xiàn)navigationBarTitleText失效問題。
"globalStyle": {
"navigationBarTextStyle": "white",
"navigationBarTitleText": "黑馬優(yōu)購",
"navigationBarBackgroundColor": "#C00000",
"backgroundColor": "#FFFFFF"
}
原因分析:
提示:因?yàn)樽罱K效果是運(yùn)行到微信開發(fā)者工具上的,所以先在微信開發(fā)者工具上,找出問題,然后在HBuilderX編譯器上對應(yīng)地方修改代碼。
分析:
navigationBarTitleText失效的原因:
1.navigationBar相關(guān)樣式問題,導(dǎo)致字體顯示不出來,常見:字體顏色和背景顏色一致,看不出效果。.
.
2.全局配置的navigationBarTitleText與單個頁面獨(dú)立配置的navigationBarTitleText發(fā)生沖突覆蓋。
解決方案:
提示:經(jīng)核對代碼,發(fā)現(xiàn)問題出在上面第二種情況。
在頁面配置文件,home.json中,出現(xiàn)一個navigationBarTitleText的配置并且值為空
導(dǎo)致 "globalStyle"中的navigationBarTitleText全局配置被覆蓋,所以顯示不出來指定值。
///——找到問題所在,回到HbuilderX中,在pages.json中發(fā)現(xiàn),在page節(jié)點(diǎn)下,除了頁面路徑信息,還有頁面相關(guān)配置信息。
///——原來,在創(chuàng)建頁面時,由于勾選了注冊頁面信息,在自動創(chuàng)建頁面并且注冊頁面信息時,工具會默認(rèn)生成兩行頁面配置代碼,如下所以。
解決方法:
1.將其生成的頁面配置文件刪除。
2.給每個頁面都設(shè)置對應(yīng)的配置代碼。文章來源:http://www.zghlxwxcb.cn/news/detail-482658.html
最終效果:文章來源地址http://www.zghlxwxcb.cn/news/detail-482658.html
到了這里,關(guān)于微信小程序“navigationBarTitleText“: “全民優(yōu)購“不顯示的文章就介紹完了。如果您還想了解更多內(nèi)容,請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!