小程序学习(六):全局配置

1.全局配置文件及常用的配置项

小程序学习(六):全局配置_第1张图片

 全局配置-window

2.小程序窗口的组成部分

小程序学习(六):全局配置_第2张图片

 3.了解window节点常用的配置项

小程序学习(六):全局配置_第3张图片

 4.设置导航栏的标题

设置步骤:app.json->window->navigationBarTitleText

小程序学习(六):全局配置_第4张图片

小程序学习(六):全局配置_第5张图片

5.设置导航栏的背景色

小程序学习(六):全局配置_第6张图片

小程序学习(六):全局配置_第7张图片

 背景颜色不支持red这种文字

6.设置导航栏的标题颜色

小程序学习(六):全局配置_第8张图片

 小程序学习(六):全局配置_第9张图片

 注意:navigationBarTextStyle的可选值只有blackwhite

7.全局开启下拉刷新功能

小程序学习(六):全局配置_第10张图片

 注意:在app.json中启用下拉刷新功能,会作用于你每个小程序页面!

8.设置下拉刷新时窗口的背景色

小程序学习(六):全局配置_第11张图片

 9.设置下拉刷新时loading的样式

小程序学习(六):全局配置_第12张图片

注意:bagroundTextStyle的可选值只有lightdark 

10.设置上拉触底的距离

小程序学习(六):全局配置_第13张图片

全局配置-tabBar

11.什么是tabBar

tabBar是移动端应用常见的页面效果,用于实现多页面的快速切换。小程序中通常将其分为:

  • 顶部tabBar
  • 底部tabBar

小程序学习(六):全局配置_第14张图片

 注意:

tabBar中只能配置最少2个、最多5个tab页签

当渲染顶部tabBar时,不显示inco,只显示文本

12.tabBar的6个组成部分

小程序学习(六):全局配置_第15张图片

13.tabBar节点的配置项

小程序学习(六):全局配置_第16张图片

14.每个tab项的配置选项

小程序学习(六):全局配置_第17张图片

 

 

 

 

你可能感兴趣的:(学习)