Configuration of uni app page.json title bar

1 Bottom title block

Here's the picture （ My base map is online, haha ）

The setting of the bottom navigation bar is tabBar.

Pay attention to the ,

1） among list There are several buttons at the bottom . Relevant information can be found in uniapp Search on the official website of tabBar, The specific use is introduced .

2） among pagePath The path screen of is click “ my ” Navigation shows “ my ” The picture , The path of this picture must be page.json Medium pages Introduction in .

3）pages - style Medium navigationBarTitleText attribute , If set , The title of the corresponding screen is the text of the display settings , instead of globalStyle Title text set in .

4）globalStyle The setting content is the setting of all pictures . If you need different pictures , Need to be in pages Differentiate again

-----                              -----                              -------

{
	"pages": [
		{
			"path": "pages/index/index",
			"style": {
				// "navigationBarTitleText": ""
			}
		}
		,{
			"path": "pages/my/myindex",
			"style": {
				// "navigationBarTitleText": " my ",
				"enablePullDownRefresh": false // Controls whether to pull-down refresh （globalStyle Pull down refresh scheme in ）
			}
		}
		,{
			"path": "pages/list/listindex",
			"style": {
				"navigationBarTitleText": " Product list ",
				"enablePullDownRefresh": true
			}
		}
	], 
	// The status bar used to set the application 、 Navigation bar 、 title 、 Window background color, etc .
	"globalStyle": {
		"navigationBarTextStyle": "black",// Navigation bar title color and status bar foreground color , Support only  black/white
		"navigationBarTitleText": "xxxxx2",// Navigation bar title text content 
		"navigationBarBackgroundColor": "#F8F8F8",// Navigation bar background color （ Same as background color of status bar ）
		"backgroundColor": "#F8F8F8",// Drop down the background color of the displayed window 	
		"backgroundTextStyle": "dark", // The drop-down  loading  The style of , Support only  dark / light
		"enablePullDownRefresh": true, // Do you want to enable refresh 
		"onReachBottomDistance" : 50,// Distance from the bottom of the page when the pull-up event is triggered , Units only support px
		// Configuration compiled to  App  Platform specific style , Some common configurations  H5  The platform also supports 
		"app-plus": {
			"background": "#efeff4"
		}
	},
	"tabBar": {
		"color": "#7A7E83",
		"selectedColor": "#3cc51f",
		"borderStyle": "black",
		"backgroundColor": "#ffffff",//#ffffff
		"height": "50px",
		"fontSize": "10px",
		"iconWidth": "24px",
		"spacing": "3px",
		"iconfontSrc":"static/iconfont.ttf", // app tabbar  typeface .ttf File path  app 3.4.4+
		"list": [
			{
				"pagePath": "pages/index/index",// Page path , Must be in  pages  First of all 
				"iconPath": "static/tabbar/shouye.png",// Picture path ,icon  Size limited to 40kb The recommended size is  81px * 81px, When  position  by  top  when , This parameter is not valid , Network pictures are not supported , Font icons are not supported 
				"selectedIconPath": "static/tabbar/shouye-ok.png",// The path of the selected image ,icon  Size limited to 40kb, The recommended size is  81px * 81px , When  position  by  top  when , This parameter is not valid 
				"text": " home page "
			}, {
				"pagePath": "pages/list/listindex",
				"iconPath": "static/tabbar/list.png",
				"selectedIconPath": "static/tabbar/list-ok.png",
				"text": " list "
			}, {
				"pagePath": "pages/my/myindex",
				"iconPath": "static/tabbar/my.png",
				"selectedIconPath": "static/tabbar/my-ok.png",
				"text": " my "
			}
		]
		// ,
		//midButton： Middle button protrudes . Applet does not support 
		// "midButton": {
		// 	"width": "100px",
		// 	"height": "100px",
		// 	"text": " scan ",
		// 	"iconPath": "static/tabbar/midButton.png",
		// 	"iconWidth": "100px",
		// 	"backgroundImage": "static/tabbar/midButton.png"
		// }
	}
}