首先在page.js里面定义标题的button图标,引入外部iconfont库。
{
"path": "页面路径",
"style": {
"app-plus": {
"bounce": "none",
"titleNView": {
"buttons": [{
"text": "\ueb9f",
"fontSize": "20",
"fontSrc": "/static/iconfont.ttf"
}]
},
}
}
},
在页面上onShow内写动态修改方法:
uni.setNavigationBarColor({
frontColor: '#ffffff',
backgroundColor: '#111111',
})
就会发现,在H5下文字和图标都变为白色,APP下文字白色,图标颜色仍旧不变。