uniapp配置全局样式

简介:本文讲解如何使用uniapp配置全局样式,和其中的优先级问题。
uniapp配置全局样式_第1张图片

"pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages
		{
			"path": "pages/index/index", 
			"style": {
				"navigationBarTitleText": "新闻" // 上方栏标题名字
			}
		}
	    ,{
            "path" : "pages/user/user",
            "style" :                                                                                    
            {
                "navigationBarTitleText": "个人中心",
                "enablePullDownRefresh": false // 是否支持下拉刷新
            }
            
        }
    ],
	// 全体样式的优先级,是低于具体样式pages中的属性的
	"globalStyle": { // 设置全体样式 
		"navigationBarTextStyle": "white", // 上方栏的文字颜色
		"navigationBarTitleText": "新闻", // 上方栏的标题文字
		"navigationBarBackgroundColor": "#31C27C", // 上方栏的背景颜色
		"backgroundColor": "#F8F8F8" // 背景颜色
	}

运行结果
uniapp配置全局样式_第2张图片

你可能感兴趣的:(uni-app学习之旅,uni-app,javascript,前端)