微信小程序:9.小程序配置

本文详细介绍了小程序根目录下的app.json文件作为全局配置的重要性,涵盖了pages、window、tabBar、style、下拉刷新、上拉触底以及TabBar的配置项,帮助开发者理解和优化小程序用户体验。
摘要由CSDN通过智能技术生成

全局配置文件

小程序根目录下的app.json文件是小程序的全局配置文件。
常用的配置文件如下:

  1. pages
    1. 记录当前小程序所有的页面存放路径信息
  2. window
    1. 全局设置小程序窗口外观
  3. tabBar
    1. 设置小程序底部的tabBar效果
  4. style
    1. 是否启用新版style

小程序窗口的组成部分

CleanShot 2024-04-22 at 22.50.49@2x.png

了解windo节点常用的配置项

CleanShot 2024-04-22 at 22.51.34@2x.png

全局下拉刷新

概念:下拉刷新,是移动端专有名词,指的是通过手指在屏幕上的下拉华动操作,从而重新加载页面的行为。
设置步骤:app.json->window->enablePullDownRefresh的值为True

下拉刷新的背景颜色

app.json->window->backgroundColor指定16进制的颜色值#efefef.

下拉刷新的loding样式

app.json->window->backgroundTextStyle设置为dark就会显示大的小圆点

设置上拉触底的距离

概念:上拉触底是移动端的专有名词,通过手指在屏幕上的上拉华东操作,从而加载更多数据行为。
设置步骤:app.json->window->为onReachBottomDistance设置新的数值
注意:默认距离为50px,如果没有特殊需求,建议使用默认值

TabBar

一般在小程序中分为两类一种是底部,一种是顶部,主要用于在小程序中快速切换页面。
CleanShot 2024-04-22 at 23.03.21@2x.png
注意:tabBar只能配置最少2个最多5个tab页签
当渲染顶部时,不限时icon,只显示文本

TabBar6个组成部分

CleanShot 2024-04-22 at 23.04.58@2x.png

tabBar配置项

CleanShot 2024-04-22 at 23.07.51@2x.png

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

饭一口口吃

来杯咖啡

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值