当前位置：网站首页>三.uni-app配置文件[全局配置、底部导航栏配置、文件配置]

三.uni-app配置文件[全局配置、底部导航栏配置、文件配置]

2022-07-20 13:17:00 【黑日里不灭的light】

介绍：pages.json 文件用来对 uni-app 进行全局配置（全局与局部冲突时局部生效），决定页面文件的路径、窗口样式、原生的导航栏、底部的原生tabbar 等

解释：配置的内容对全部页面都会生效
文档地址：globalStyle
常用参数：

参数	含义
navigationBarBackgroundColor	导航栏背景颜色（同状态栏背景色）
navigationBarTextStyle	导航栏标题颜色及状态栏前景颜色，仅支持 black/white
navigationBarTitleText	导航栏标题文字内容
enablePullDownRefresh	是否开启下拉刷新，详见页面生命周期
navigationStyle	导航栏样式，仅支持 default/custom。custom即取消默认的原生导航栏

在这里插入图片描述

解释：用于存放写于page目录下的文件（表示页面），其里面也可以写globalStyle用的参数
注意：pages里面的第一个page表示首页
在这里插入图片描述

解释：功能类似于vue的路由，用来表示app下面的导航栏

在这里插入图片描述
文档地址：tabBar
常用参数：

参数	含义
list	tab 的列表，详见 list 属性说明，最少2个、最多5个 tab
color	tab 上的文字默认颜色
selectedColor	tab 上的文字选中时的颜色
enablePullDownRefresh	是否开启下拉刷新，详见页面生命周期

list数组参数	含义
text	tab 上按钮文字，在 App 和 H5 平台为非必填。例如中间可放一个没有文字的+号图标
pagePath	页面路径，必须在 pages 中先定义
iconPath	图片路径，icon 大小限制为40kb，建议尺寸为 81px * 81px，当 position 为 top 时，此参数无效，不支持网络图片，不支持字体图标
selectedIconPath	选中时的图片路径，icon 大小限制为40kb，建议尺寸为 81px * 81px ，当 position 为 top 时，此参数无效

版权声明
本文为[黑日里不灭的light]所创，转载请带上原文链接，感谢
https://blog.csdn.net/weixin_46765649/article/details/125318888