当前位置：网站首页>uniapp pages.json Simple application

"pages": [ //pages数组中第一项表示应用启动页,参考：https://uniapp.dcloud.io/collocation/pages
		{
			"path": "pages/index/index",
			"style": {
				// Navigation title content
				"navigationBarTitleText": "首页",
				//导航背景颜色
				"navigationBarBackgroundColor": "#ff5566",
				//导航标题颜色 Support only white 黑
				"navigationBarTextStyle": "white",
				//是否开启下拉刷新
				"enablePullDownRefresh": true
			}
		}
	    ,{
            "path" : "pages/login/login",
            "style" :                                                                                    
            {
                "enablePullDownRefresh": false
            }
            
        }
    ]

运行效果

globalStyle

用于设置应用的状态栏、导航条、标题、窗口背景色等.
全局通用 If you have any style according to the local show local

代码演示 More variety show

"globalStyle": {
		// 导航栏标题颜色
		"navigationBarTextStyle": "black",
		//导航栏标题内容
		"navigationBarTitleText": "default",
		//导航栏背景颜色
		"navigationBarBackgroundColor": "#F8F8F8",
		//导航栏背景颜色
		"backgroundColor": "#F8F8F8"
	},

运行效果

tabBar

如果应用是一个多 tab 应用,可以通过 tabBar 配置项指定一级导航栏,以及 tab 切换时显示的对应页.
tabBar 中的 list 是一个数组,只能配置最少2个、最多5个 tab,tab 按数组的顺序排序.

代码演示官网详细介绍 Download icon ali gallery images

"tabBar": {
		//背景颜色
		"backgroundColor": "#F8F8F8",
		//tab文字颜色
		"color": "#d8d8d8",
		//tab选中文字颜色
		"selectedColor": "#444",
		"list": [
			{
				"text": "首页",
				//页面路径 该路径与pages一致 Or show not to come out
				"pagePath": "pages/index/index",
				//默认展示图片
				"iconPath": "./static/icon/index.png",
				//Selected display pictures
				"selectedIconPath": "./static/icon/indexSel.png"
			},
			{
				"text": "个人",
				"pagePath": "pages/homepage/homepage",
				"iconPath": "./static/icon/person.png",
				"selectedIconPath": "./static/icon/personSel.png"
			}
		]
	},