小程序窗口的组成部分😶🌫️
如 👇
了解 window 节点常用的配置项😶🌫️
设置导航栏的标题😶🌫️
设置步骤:app.json 👉 window 👉 navigationBarTitleText
需求:把导航栏上的标题,修改成 “小白开发小程序”
效果如👇
设置导航栏的背景颜色😶🌫️
设置步骤:app.json 👉 window 👉 navigationBarBackgroundColor
需求:把导航栏上的标题,修改成 “小白开发小程序”
效果如👇
设置导航栏的标题颜色😶🌫️
设置步骤:app.json 👉 window 👉 navigationBarTextStyle
需求:把导航栏上的标题颜色,从默认的 black 修改为 white
注意❗: navigationBarTextStyle 的可选值只有 black 和 white
效果如👇
全局配置下拉刷新😶🌫️
概念:下拉刷新是移动端的专有名词,指的是通过手指在屏幕上的下拉滑动操作,从而重新加载页面数据的行为。
设置步骤:app. window 👉 把 enablePullDownRefresh 的值设置为 true
注意❗:在 app.json 中启用下拉刷新功能,会作用于每个小程序页面!
效果如👇
全局配置下拉刷新背景颜色😶🌫️
当全局开启下拉刷新功能之后,默认的窗口背景为白色。如何自定义下拉刷新窗口背景色,
设置步骤: app.json 👉 window 👉 为 backgroundColor 指定16进制的颜色值 #66ccff。
注意❗:在 app.json 中启用下拉刷新功能,会作用于每个小程序页面!
效果如👇
全局开启下拉刷新Loading的样式😶🌫️
当全局开启下拉刷新功能之后,默认窗口的 loading 样式为白色,如果要更改 loading 样式的效果 👇
设置步骤为 app.json 👉 window 👉 为 backgroundTextStyle 指定 dark 值。
注意: backgroundTextStyle 的可选值只有 light 和 dark
效果如👇
上拉触底是移动端的专有名词😶🌫️
概念:上拉触底是移动端的专有名词,通过手指在屏幕上的上拉滑动操作,从而加载更多数据的行为。
设置步骤: app.json 👉 window 👉 为 onReachBottomDistance 设置新的数值
注意❗:默认距离为50px,如果没有特殊需求,建议使用默认值即可。
最后
下篇文章再见ヾ( ̄▽ ̄)ByeBye