pages.json

"pages": [
	{
		"path": "pages/index/index",
		"style": {
			"navigationBarTitleText": "首页",
			"app-plus":{
				"scrollIndicator": "none",
				"titleNView": {
					"backgroundColor": "#FFFFFF",
					// 搜索框
					"searchInput": {
						"align": "center",
						"backgroundColor": "#f7f7f7",
						"borderRadius": "5px",
						"placeholder":"搜索糗事",
						"placeholderColor":"#cccccc",
						"disabled":true
					},
					// 按钮
					"buttons":[
						{
							"color":"#fee42a",
							"float": "left",
							"fontSize": "20px",
							"colorPressed":"#cccccc",
							"fontSrc": "/static/font/iconfont.ttf",
							"text": "\ue606"
						},
						{
							"color":"#303030",
							"float": "right",
							"fontSize": "20px",
							"colorPressed":"#cccccc",
							"fontSrc": "/static/font/iconfont.ttf",
							"text": "\ue63c"
						}
					]
				}
			}
		}
	}
]

效果图

注意事项

配置按钮为字体

 我们要换成\ue63c 将e后面的截取去除分号;,前面加上\u即可

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐