微信小程序: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配置项

相关推荐
HerayChen25 分钟前
微信小程序混合 h5 wx.miniProgram是 undefined
微信小程序·小程序·h5
耶啵奶膘4 小时前
uniapp+vue2全局监听退出小程序清除缓存
小程序·uni-app
中云DDoS CC防护蔡蔡7 小时前
微信小程序被攻击怎么选择高防产品
服务器·网络安全·微信小程序·小程序·ddos
井眼10 小时前
微信小程序-prettier 格式化
微信小程序·小程序
qq_174482857513 小时前
springboot基于微信小程序的旧衣回收系统的设计与实现
spring boot·后端·微信小程序
wqq_99225027713 小时前
springboot基于微信小程序的食堂预约点餐系统
数据库·微信小程序·小程序
licy__19 小时前
微信小程序登录注册页面设计(小程序项目)
微信小程序·小程序
wqq_9922502771 天前
springboot基于微信小程序的农产品交易平台
spring boot·后端·微信小程序
说私域2 天前
基于“开源 2+1 链动模式 S2B2C 商城小程序”的社区团购运作主体特征分析
大数据·人工智能·小程序
HUODUNYUN2 天前
小程序免备案:快速部署与优化的全攻略
服务器·网络·web安全·小程序·1024程序员节