|
这个功能在小程序不可以，在app可以，属于app-plus范畴 app-plus文档
一、配置pages.json
"pages": [
{
"path": "pages/index/index",
"style": {
"navigationBarBackgroundColor": "#00c170",
"app-plus": {
"bounce": "none",
"titleNView": {
"buttons": [
{
"text": "按钮1",
"fontSize":"16",
"float": "right",
"color":"#fff"
},
{
"text": "按钮2",
"fontSize":"16",
"float": "left",
"color":"#fff"
}
],
"searchInput":{
"align": "center",
"placeholder": "请输入查找查询信息",
"borderRadius":"50upx",
"backgroundColor": "#fff"
}
}
}
}
} ]
对应页面的事件里配置，可在事件里获取你想要的数据，多个按钮可以根据配置的index判断
onNavigationBarButtonTap(val) {
console.log(val)
},
onNavigationBarSearchInputChanged (val) {
console.log(val)
}
效果如下：
当然也可以自己写一个搜索框，自己写的就随便怎么定义了，没那么多限制。但自己写需要把头部导航去掉，配置如下：
page.json里每个页面的导航栏是默认开启的，有一个navigationStyle属性，默认值是default，我们把它改成custom就能把他去掉了
{
"path": "pages/index/index",
"style": {
"navigationStyle":"custom"
}
移动端导航依然在，这就需要我们使用 titleNView这个属性了，它是用来专门设置导航栏的
{
"path" : "pages/secondPage/secondPage",
"style" : {
"navigationStyle": "custom",
"app-plus": {
"titleNView": false
}
}
}
设置完后，再打开页面看到头部都没有了，这时可以自己发挥了。
好啦，时间过得真快，今天的节目就到此结束啦，欢迎大朋友小朋友们再来。。。
《THE END》 | 
转播
