「小程序入门连载四」小程序配置—window

上一篇文章说明了小程序配置 — pages,本篇文章说明小程序配置 — window。


window

用于设置小程序的状态栏、导航条、标题、窗口背景色。

window配置项下的属性:

「小程序入门连载四」小程序配置—window

注:HexColor(十六进制颜色值),如"#ff00ff"


1. navigationBarBackgroundColor——导航栏背景颜色

设置导航栏背景颜色为红色——#f00

「小程序入门连载四」小程序配置—window

注意:颜色值为HexColor,默认为#000000(黑色)


2. navigationBarTextStyle——导航栏标题颜色

设置导航栏标题颜色为白色——white。

「小程序入门连载四」小程序配置—window

注意: 颜色值仅为black与white。


3. navigationBarTitleText——导航栏标题内容

设置导航栏标题内容为“小程序”。

「小程序入门连载四」小程序配置—window


4. enablePullDownRefresh——是否开启下拉刷新

「小程序入门连载四」小程序配置—window

开启页面下拉刷新后,页面可以向下拖动,由于页面背景是白色,因此截图不明显,配合其他属性就会特别的明显了。


5.backgroundColor——窗口的背景色

窗口的背景色是整个页面最底层的颜色,整个的背景颜色。

「小程序入门连载四」小程序配置—window

注:背景色需要开启下拉刷新才能看到。


6.backgroundTextStyle——下拉loading图标样式

在下拉时,会出现三个点的下拉loading图标,backgroundTextStyle就是设置这三个点的,值为light、dark。

「小程序入门连载四」小程序配置—window

「小程序入门连载四」小程序配置—window

文章篇幅过长,分多篇文章进行说明

关注卓象程序员,定期发布技术文章

下一篇文章讲解“小程序配置——tabBar”

「小程序入门连载四」小程序配置—window

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin
avatar

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: