uniapp,pages.json文件中globalStyle

本文详细介绍了uniapp中pages.json文件的globalStyle配置项,包括设置应用的状态栏、导航条、标题、窗口背景色等。通过globalStyle,开发者可以统一应用的视觉风格,例如设置导航栏标题颜色、背景颜色以及页面下拉窗口的背景色等。此外,还提及了onReachBottomDistance属性,用于定义页面上拉触底事件触发的距离。
摘要由CSDN通过智能技术生成

uniapp,pages.json文件中globalStyle

pages.json 文件用来对 uni-app 进行全局配置,决定页面文件的路径、窗口样式、原生的导航栏、底部的原生tabbar 等。

globalStyle
用于设置应用的状态栏、导航条、标题、窗口背景色等

{
	"pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages
		{
			"path": "pages/index/index"
		}
	],
	"globalStyle": {
		"autoscan": true,// //是否自动扫描组件
		"navigationBarTextStyle": "black",//导航栏标题颜色及状态栏前景颜色,仅支持 black/white
		"navigationBarTitleText": "商城",//导航栏标题文字内容
		"navigationBarBackgroundColor": "#ffffff",//导航栏背景颜色(同状态栏背景色)
		"backgroundColor": "#ffffff",//下拉显示出来的窗口的背景色
		"onReachBottomDistance": 150//页面上拉触底事件触发时距页面底部距离,单位只支持px
	},
}

具体官方文档https://uniapp.dcloud.io/collocation/pages.html#globalstyle

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值