vue3中page.json页面路由globalStyle的属性

1.pages.json中的属性

通常情况下，新建了一个项目后都是这个样子的

在里面有很多的属性，分别都有什么作用呢？

1.1 pages

其实这个属性在左边的文件夹中就可以看出，pages就是存放页面的地方

每次新建页面时，都会在这里添加一段

1.1.1 path

地址值，表示页面存放在哪个地址中

1.1.2 style

样式设计

1.1.2.1 navigationBarTitleText 

这个就很简单了，只是在小程序中的标题而已

1.2 globalStyle

1.2.1 navigationBarTextStyle

示例：

此时这些都会变成白色，并且仅支持白色

1.2.2 navigationBarTitleText

与style中的navigationBarTitleText  一样都是设置标题的

但是只有在navigationBarTitleText  未设置的情况下才生效

所以说当style中设置了标题时，这个就会被覆盖掉

1.2.3 navigationBarBackgroundColor

导航栏中的背景颜色

此时设置了一个粉色

1.2.4 backgroundColor

1.2.5 enablePullDownRefresh

小程序中最常见的下拉刷新，可以主动去设置，在正常情况下是不存在的

只有两个值：“true”，“false” 表示着开启或者不开启

此时开启后，拉住上方就可以刷新了

1.2.6 backgroundTextStyle

默认为dark 样式 ，当使用light后会出现以下效果

会一直保持着此颜色此样式，一直不变，直到刷新完毕