微信小程序之全局配置
设置导航栏的标题
概念:导航栏标题文字内容 设置步骤:app.json -> window -> navigationBarTitleText
设置导航栏的背景色
概念:导航栏背景颜色 设置步骤:app.json -> window -> navigationBarBackgroundColor
注意:导航栏背景色仅支持 16 进制的颜色值
设置导航栏的标题颜色
概念:导航栏的标题颜色 设置步骤:app.json -> window -> navigationBarTextStyle
注意:标题颜色仅支持 black 和 white
全局开启下拉刷新功能
概念:下拉刷新是移动端的专有名词,指的是通过手指在屏幕上的下拉滑动操作,从而重新加载页面数据的行为。 设置步骤:app.json -> window -> 把 enablePullDownRefresh 的值设置为 true
设置下拉刷新时的窗口的背景色
概念:当全局开启下拉刷新功能之后,默认的窗口背景为白色,我们可以自定义下拉刷新窗口背景色。 设置步骤:app.json -> window -> 为 backgroundColor 指定 16 进制的颜色值 #efefef
注意:颜色值仅支持为 16 进制的颜色值。
设置下拉刷新时 loading 样式
概念:当全局开启下拉刷新功能之后,默认窗口的 loading 样式为白色,我们可以更改 loading 样式的效果。 设置步骤:app.jso -> window -> 为 backgroundTextStyle 指定 dark 值
注意: backgroundTextStyle 的可选值只有 light 和 dark。
设置上拉触底的距离
概念:上拉触底是移动端的专有名词,通过手指在屏幕上的上拉滑动操作,从而加载更多数据的行为。 设置步骤:app.jso -> window -> 为 onReachBottomDistance 设置新的数值
注意:默认距离为 50px,如果没有特殊需求,建议使用默认值即可。
全局配置 tabBar
概念: tabBar是移动端应用常见的页面效果,用于实现多页面的快速切换。 小程序中 tabBar 分类: 底部 tabBar 、顶部 tabBar tabBar组成部分: 1. backgroundColor:tabBar 的背景色 2. selectedIconPath:选中时的图片路径 3. borderStyle:tabBar 上边框的颜色 4. iconPath:未选中的图片路径 5. selectedColor:tab 上的文字选中时的颜色 6. color:tab 上文字的默认(未选中)颜色
tabBar 节点的配置项:
注意: tabBar中只能配置最少 2 个、最多 5 个 tab 页签 当渲染顶部 tabBar 时,不显示 icon,只显示文本
上一篇:
uniapp开发微信小程序-2.页面制作
下一篇:
微信小程序带参数返回上一页