uniapp 配置 globalStyle

	// 页面级别的 style 配置可以 覆盖全局的配置 就比如局部变量和全局变量一样 差不多一个意思
    "globalStyle": {
    	// 导航栏标题颜色及状态栏前景颜色,仅支持 black/white,其实就是标题的文本颜色
        "navigationBarTextStyle": "black",
        // 标题的文本内容  
        "navigationBarTitleText": "演示",
        // 导航栏背景颜色(同状态栏背景色)app和H5  #F7F7F7  小程序参照各家的文档 
        "navigationBarBackgroundColor": "#F8F8F8",
        
        // 目前只有微信小程序能设置该属性  下拉刷新时的配置
        "backgroundTextStyle": "dark", 
        "backgroundColor": "#F8F8F8",
		
		// 开启下拉刷新
		"enablePullDownRefresh": true,
		
		// 上拉触底  页面上拉触底事件触发时距页面底部距离
		"onReachBottomDistance": 100, 

		// bounce回弹区域 IOS
		"backgroundColorTop": "#ffffff",
		"backgroundColorBottom": "#ffffff",

		"titleImage": 图片地址, 替换导航栏的文本,支付宝小程序要使用 https 协议的图片地址
		
		// 使用的组件
        "usingComponents":{
            "collapse-tree-item":"/components/collapse-tree-item"
        },
        // App 特定样式
		"app-plus": {},
		// h5 特定样式
		"h5": {},
		// 微信小程序特定样式
		"mp-weixin": {}

		// 其他配置可自行参考官方文档
    },

添uniapp 配置 globalStyle 官方文档

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐