微信小程序中的全局配置和页面配置

本文介绍了微信小程序的全局配置,包括app.json中的pages数组、导航栏配置和tabBar配置,以及如何修改导航栏样式和开启下拉刷新功能。此外,还探讨了页面配置的优先级和用法,提供了配置页面窗口表现的方法。


前言

今天一起看一下微信小程序中的全局配置和页面配置,页面配置和全局配置同时存在,哪一个会生效呢?一起来研究一下吧~


一、全局配置

1. app.json配置文件

小程序根目录下的 app.json 文件用来对微信小程序进行全局配置,

它决定了页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。

app.json 配置文件中,最主要的配置节点是:

  • pages 数组:配置小程序的页面路径
  • window 对象:用于设置小程序的状态栏、导航条、标题、窗口背景色
  • tabBar 对象:配置小程序的tab栏效果

注:全局配置文档

2. pages数组

app.json 中的 pages 数组,用来配置小程序的页面路径

基础配置

  • pages 用于指定小程序由哪些页面组成,每一项都对应一个页面的 路径+文件名 信息。

  • 文件名不需要写文件后缀,框架会自动去寻找对应位置的 .json.js.wxml.wxss 四个文件进行处理。

创建页面的另一种方式

  • 打开 app.json --> pages 数组节点 --> 新增页面路径并保存 --> 自动创建路径对应的页面

设置项目的首页

  • 打开 app.json -> pages 数组节点

  • 按需调整数组中路径的顺序,即可修改默认首页

注意事项:

  1. 数组的第一项代表小程序的小程序的初始页面也就是首页

  2. 小程序中新增/减少页面,都需要对 pages 数组进行修改,否则在运行小程序时就会报错

二、修改配置文件

1. 设置导航栏标题文字内容

  • app.
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值