uni-app 顶部配置搜索框和左右图标

效果图如下：

1.顶部的图标只支持本地图片，所以将阿里巴巴上的图标下载到本地，只要XXX.ttf这个文件即可，放在static这个文件，在pages.json中fontSrc进行引入

2.text:使用unicode编码的时候，必须是u开头

代码如下在pages.json文件中进行配置

<script>
	"app-plus": {
			"titleNView":{
					//搜索框
					"searchInput":{
						"align":"center",
						"backgroundColor":"#ccc",
						"borderRadius":"4px",
						"placeholder":"搜索大全",
						"placeholderColor":"#fff",
						"disabled":false
					},
					// 左右按钮配置
					"buttons":[
					// 左边
						{
							"color":"#ff9619", // 图标默认展时的颜色
							"colorPressed":"#000", //图标按下的时候的颜色
							"float":"left",
							"fontSize":"30px",//按钮上文字的大小
							"fontSrc":"/static/font/iconfont.ttf", //按钮的图片来源
							"text":"ue63f" //按钮的unicode代码
						},
					// 右边
						{
							"color":"#000000",
							"colorPressed":"#000",
							"float":"right",
							"fontSize":"30px",//按钮上文字的大小
							 "fontSrc":"/static/font/iconfont.ttf",
							"text":"ue63f"
						}
					]
			}
		}
</script>