02-相关配置

全局配置

{
	"pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages
		{
			"path": "pages/index/index"

		}
	],
	"globalStyle": {
		// 导航栏文字颜色
		"navigationBarTextStyle": "black",
		// 全局标题文字
		"navigationBarTitleText": "👴是全局配置",
		// 导航栏颜色
		"navigationBarBackgroundColor": "#01f854",
		// 下拉背景色
		"backgroundColor": "#e4f8d3",
		// 下拉刷新
		"enablePullDownRefresh":true,
		// 下拉loading样式
		"backgroundTextStyle":"light",
		// 页面上拉出触底时间距页面底部距离,单位px,详见生命周期,默认值50
		"onReachBottomDistance":60
		
	}
}

页面配置

页面配置会覆盖全局配置

	"pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages
		{
			"path": "pages/message/message",
			"style":{
				"navigationBarTitleText":"信息页",
				"navigationBarBackgroundColor":"#007AFF",
				// 配置到h5页面的样式
				"h5":{
					// 下拉刷新
					"pullToRefresh":{
						"color":"#d92110"
					}
				}
			}
		
		},
		{
			"path": "pages/index/index"

		}
	],

tabBar配置

	"tabBar":{
		// 未选中文字颜色
		"color":"#aa885f",
		// 选中后文字颜色
		"selectedColor":"#04f821",
		// 背景色
		"backgroundColor":"#ffffff",
		// 上边框颜色
		"borderStyle":"black",
		// 位置 top仅支持微信小程序
		"position":"top",
		"list":[
			{
				"text":"首页",
				"pagePath":"pages/index/index",
				// 未选中图标
				"iconPath":"static/tabs/home.png",
				// 已选中图标
				"selectedIconPath":"static/tabs/home-active.png"
			},
			{
				"text":"信息页",
				"pagePath":"pages/message/message",
				// 未选中图标
				"iconPath":"static/tabs/message.png",
				// 已选中图标
				"selectedIconPath":"static/tabs/message-active.png"
			},
			{
				"text":"我们",
				"pagePath":"pages/contact/contact",
				// 未选中图标
				"iconPath":"static/tabs/contact.png",
				// 已选中图标
				"selectedIconPath":"static/tabs/contact-active.png"
			}
			
		]
	}

启动模式配置

启动模式配置,仅开发期间生效,用于模拟直达页面的场景,如小程序转发后用户点击所打开的页面。

"condition":{
		"current":0,
		"list":[
			{
				"name":"详情页",
				"path":"pages/detail/detail",
				// 启动参数,可在页面的onLoad函数里获得
				"query":"id=80"
			}
		]
	}

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值