舒大少博客

一个95后少年的个人博客

当前时间为:
欢迎大家来到舒大少博客https://www.9713job.com,广告合作以及淘宝商家推广请微信联系15357240395

微信小程序之全局配置

2022-04-21 15:24:51
swq1822677238

手机扫码查看

微信小程序之全局配置
  1. 全局配置文件及常用的配置项
    小程序根目录下的 app.json 文件是小程序的全局配置文件。常用的配置项如下:
    1:pages:记录当前小程序所有的页面存放路径
    2、window:全局设置小程序窗口的外观
    3、tabBar:设置小程序底部的 tabBar 效果
    4、style:是否启用新版的组件样式
  2. 全局配置-window
    1、小程序窗口的组成部分

    2、 了解 window 节点 常用的配置项
    3、设置导航栏的标题
    设置步骤:app.json–>window–>navigationBarTitleText
    演示:把导航条上的标题,从默认的 WeChat 修改为 我的第一个微信小程序,效果如图
    4、设置导航栏的背景色
    设置步骤:app.json–>window–>navigationBarBackgroundColor
    演示:把导航栏标题的背景色,从默认的 #fff 修改为 #994855,效果如图
    5、设置导航栏的标题颜色
    设置步骤:app/json–>window–>navigationBarTextStyle
    演示:把导航条上的标题,从默认的 black 修改为 white ,效果如图

    6、全局开启下拉刷新功能
    设置步骤:app.json–>window–>把 enablePullDownRefresh 设为 true,效果如图

    7、 设置下拉刷新时背景颜色
    当全局开启下拉刷新功能之后,默认的窗口背景为白色,如果自定义下拉刷新窗口背景色
    设置步骤:app.json–>window–>为 backgroundColor 指定16进制的颜色值 #9e9e9e,效果如下

    8、 设置下拉刷新时 loading 的样式
    当全局开启下拉刷新功能之后,默认窗口的 loading 样式为白色,如果要更改 loading 样式的效果
    设置步骤:app.json–>window–>为 backgroundTextStyle 指定 dark  值
    可选值为 light 和 dark

    9、设置上拉触底的距离
    概念:上拉加载更多数据
    设置步骤:app.json–>window–>为 onReachBottomDistance 设置新值。默认50px,px可省略

发表评论

邮箱地址不会被公开。 必填项已用*标注