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

全局配置文件

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

常用的配置文件如下:

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

小程序窗口的组成部分

了解windo节点常用的配置项

全局下拉刷新

概念:下拉刷新,是移动端专有名词,指的是通过手指在屏幕上的下拉华动操作,从而重新加载页面的行为。

设置步骤:app.json->window->enablePullDownRefresh的值为True

下拉刷新的背景颜色

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

下拉刷新的loding样式

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

设置上拉触底的距离

概念:上拉触底是移动端的专有名词,通过手指在屏幕上的上拉华东操作,从而加载更多数据行为。

设置步骤:app.json->window->为onReachBottomDistance设置新的数值

注意:默认距离为50px,如果没有特殊需求,建议使用默认值

TabBar

一般在小程序中分为两类一种是底部,一种是顶部,主要用于在小程序中快速切换页面。

注意:tabBar只能配置最少2个最多5个tab页签

当渲染顶部时,不限时icon,只显示文本

TabBar6个组成部分

tabBar配置项

相关推荐
计算机毕设定制辅导-无忧学长7 小时前
《基于微信小程序的居家医疗陪护预约系统设计与实现》
java·spring boot·微信小程序·uniapp·居家医疗陪护预约系统
wafrdggh15 小时前
2026 商城小程序平台哪个价格合理?把跨境附加成本这个坑算透
大数据·小程序
大数据技术派1 天前
我用AI写代码,做了3个小玩意儿
后端·微信小程序
律宏阔2 天前
Taro 4 项目从 npm 迁移到 pnpm 踩坑实录
前端·微信小程序·taro
恩创软件开发3 天前
自助KTV系统管理员续单功能
经验分享·小程序
多客:duokelijie3 天前
代练订单系统选型思路:跨品类游戏接入、订单分层管理、自动结算逻辑拆解!
数据库·mysql·微信小程序·前端框架·uni-app·php·持续部署
AI源码5 天前
在线考试小程序
小程序·notepad++
计算机毕设定制辅导-无忧学长5 天前
《基于微信小程序健康习惯激励系统设计与实现》
java·spring boot·mysql·微信小程序·uniapp·健康习惯激励系统
2501_916008895 天前
iPhone 设备信息查看,用 KeyMob 看型号、序列号、电池健康和 UDID
android·ios·小程序·https·uni-app·iphone·webview
拖孩5 天前
流量主门槛从 500 降到 100,我的小程序上线 18 小时够到了线
前端·后端·微信小程序