uniapp 新建页面和页面配置

1、在pages目录中新建.vue文件
2、在pages.json中->pages数组内
	{
		"path":"不加后缀的文件路径",
		"style":{页面样式配置}
		
	},
	{..., 
		“style”:{"h5":  特定平台样式
					{
						"pullToRefresh":
						 	{
							"color":"#007AFF",
							"offset":"20%"
				   			}
				   }
				}
	}
	
3、数组中的第一项就是加载的首页

样式配置文档见style

代码示例:

{
     
	"pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages
		
		{
     
			"path": "pages/message/message",
			"style": {
     
				"navigationBarTitleText": "study1",
				"backgroundColor":"#4CD964",
				"h5":{
     
					"pullToRefresh":{
     
						"color":"#007AFF",
						"offset":"20%"
					}
				}
			}
		},
		
		{
     
			"path": "pages/index/index",
			"style": {
     
				"navigationBarTitleText": "uni-app"
			}
		}
	],
	"globalStyle": {
     
		"navigationBarTextStyle": "black",
		"navigationBarTitleText": "uni-appaa",
		"navigationBarBackgroundColor": "#008000",
		"backgroundColor": "#008000",
		"enablePullDownRefresh":true,
		"backgroundTextStyle":"light",
		"onReachBottomDistance":100
	}
}

你可能感兴趣的:(uniapp,uniapp)