如在项目中对路径pages/index/index页面配置搜索框,只需到pages.json配置文件中的pages项找到对应的路径,配置style属性。具体如下:
{
"path": "pages/index/index",
"style": {
"app-plus":{
//隐藏滚动条
"scrollIndicator":"none",
//配置导航栏
"titleNView":{
//搜索框配置
"searchInput":{
"align":"center",
"backgroundColor":"#F7F7F7",
"borderRadius":"4px",
"placeholder":"搜索糗事",
"placeholderColor":"#cccccc",
"disabled": false
},
//配置按钮
"buttons":[
//左端签到图标
{
"color": "#FF9619",
"colorPressed":"#BBBBBB",
"float":"left",
"fontSize":"30px",
"fontSrc":"/static/fonts/icon.ttf",
"text": "\ue74b"
},
//右端图标
{
"color": "#000000",
"colorPressed":"#BBBBBB",
"float":"right",
"fontSize":"20px",
"fontSrc":"/static/fonts/icon.ttf",
"text": "\ue608"
}
]
}
}
}
}
其中,fontSrc是由阿里巴巴矢量图库生成的本地文件,需要改成项目对应的路径。text是图标对应的代码。