uniapp顶部原生导航栏:(自己记录)
1.透明渐变样式
配置page.json
{
"path": "nav-transparent/nav-transparent",
"style": {
"navigationBarTitleText": "透明渐变导航栏",
"transparentTitle": "auto",
"navigationBarBackgroundColor":"#CCCCCC"
}
},
页面正常写即可
2.导航栏带搜索
{
"path": "nav-search-input/nav-search-input",
"style": {
"navigationBarTitleText": "导航栏带搜索框",
"app-plus": {
"titleNView": {
"type": "transparent",
"titleColor": "#fff",
"backgroundColor": "#007AFF",
"buttons": [{
"fontSrc": "/static/uni.ttf",
"text": "\ue537",
"width": "40px",
"fontSize": "28px",
"color": "#fff",
"background": "rgba(0,0,0,0)"
}],
"searchInput": {
"backgroundColor": "#fff",
"borderRadius": "6px",
"placeholder": "请输入地址 如:大钟寺",
"disabled": true
}
}
}
}
},