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

全局配置文件

小程序根目录下的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

相关推荐

  1. 程序页面配置

    2024-04-27 14:38:03       28 阅读
  2. 程序

    2024-04-27 14:38:03       69 阅读
  3. 程序

    2024-04-27 14:38:03       45 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-04-27 14:38:03       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-04-27 14:38:03       106 阅读
  3. 在Django里面运行非项目文件

    2024-04-27 14:38:03       87 阅读
  4. Python语言-面向对象

    2024-04-27 14:38:03       96 阅读

热门阅读

  1. Ansible 清单描述

    2024-04-27 14:38:03       32 阅读
  2. K8S 调试运行中报错的 Pod

    2024-04-27 14:38:03       30 阅读
  3. 基于栈的后缀算数表达式求值(头歌)

    2024-04-27 14:38:03       35 阅读
  4. 观察者模式:实现对象间的松耦合

    2024-04-27 14:38:03       36 阅读
  5. s AbortController 接口取消多次请求 取消上次请求

    2024-04-27 14:38:03       31 阅读
  6. 怎么理解React Router

    2024-04-27 14:38:03       32 阅读
  7. Python语言第四章之函数基础

    2024-04-27 14:38:03       30 阅读
  8. 力扣sql题

    2024-04-27 14:38:03       29 阅读
  9. python——处理excel的常用库

    2024-04-27 14:38:03       29 阅读
  10. 【WPF+C# 项目开发软件的小结】

    2024-04-27 14:38:03       34 阅读
  11. ACE之定时器队列类

    2024-04-27 14:38:03       35 阅读