magazine-web/pages.json

{
	"pages": [
		{
			"path": "pages/index/index"
		},
		{
			"path": "pages/journal/index"
		},
		{
			"path": "pages/market/index"
		},
		{
			"path": "pages/my/index"
		},
		{
			"path": "pages/list/index"
		},
		{
			"path": "pages/details/index"
		}
	],
	// 用于设置应用的状态栏、导航条、标题、窗口背景色等。
	"globalStyle": {
		"navigationBarTextStyle": "black",
		"navigationBarTitleText": "客户端",
		"navigationBarBackgroundColor": "#F8F8F8",
		"backgroundColor": "#F8F8F8",
		"app-plus": {
			"background": "#efeff4"
		}
		// "navigationStyle": "custom"
	},
	"tabBar": {
		// tab上的文字默认颜色
		"color": "#000000",
		// tab上的文字选中时的颜色
		"selectedColor": "#ffd439",
		// tab 的背景色
		"backgroundColor": "#ffffff",
		// tabbar 上边框的颜色，可选值 black/white
		"borderStyle": "black",
		// 高斯模糊效果
		"blurEffect": "none",
		// tab 的列表，最少2个、最多5个 tab
		"list": [
			{
				// 页面路径，必须在 pages 中先定义	
				"pagePath": "pages/index/index",
				// tab 上按钮文字，在 App 和 H5 平台为非必填。例如中间可放一个没有文字的+号图标	
				"text": "首页",	
				// 图片路径，icon 大小限制为40kb，建议尺寸为 81px * 81px，当 position 为 top 时，此参数无效，不支持网络图片，不支持字体图标
				"iconPath":	"",
				//选中时的图片路径，icon 大小限制为40kb，建议尺寸为 81px * 81px ，当 position 为 top 时，此参数无效
				"selectedIconPath": "",
				// 该项是否显示，默认显示
				"visible": ""
			},
			{
				"pagePath": "pages/journal/index",
				"text": "杂志",	
				"iconPath":	"",
				"selectedIconPath": "",
				"visible": ""
			},
			{
				"pagePath": "pages/market/index",
				"text": "商城",	
				"iconPath":	"",
				"selectedIconPath": "",
				"visible": ""
			},
			{
				"pagePath": "pages/my/index",
				"text": "我的",	
				"iconPath":	"",
				"selectedIconPath": "",
				"visible": ""
			}
		],
		// 可选值 bottom、top
		"position": "bottom",
		// 文字默认大小
		"fontSize": "20px",
		// 图标默认宽度（高度等比例缩放）
		"iconWidth": "24px",
		// 图标和文字的间距
		"spacing": "3px",
		// tabBar 默认高度
		"height": "50px",
		// 中间按钮 仅在 list 项为偶数时有效 midButton没有pagePath，需监听点击事件，自行处理点击后的行为逻辑。监听点击事件为调用API：uni.onTabBarMidButtonTap
		"midButton": {
			// 中间按钮的宽度，tabBar 其它项为减去此宽度后平分，默认值为与其它项平分宽度
			"width": "",
			// 中间按钮的高度，可以大于 tabBar 高度，达到中间凸起的效果
			"height": "",
			// 中间按钮的文字
			"text": "",
			// 中间按钮的图片路径
			"iconPath": "",
			// 图片宽度（高度等比例缩放）
			"iconWidth": "",
			// 中间按钮的背景图片路径
			"backgroundImage": ""
		}
	}
}