微信小程序【全局配置和页面内配置】

本文详细介绍了微信小程序中全局配置(app.json)与页面内配置(json文件)的使用方法,包括顶部导航栏(title)、下拉刷新(enablePullDownRefresh)、背景样式及tabbar的定制,如字体颜色、背景色、图标路径等,帮助开发者快速掌握小程序的个性化设计。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

全局配置:  官方文档

app.json文件中这里以配置顶部title和tabbar为例:

"window": {
  "backgroundTextStyle": "light", // background中文本的颜色 他的值只有light和dark
  "navigationBarBackgroundColor": "#000", // 顶部导航的背景色
  "navigationBarTitleText": "微信接口功能演示", // 顶部导航的title
  "navigationBarTextStyle": "white", // 顶部导航的字体颜色
  "enablePullDownRefresh": true, // 该属性设置为true的时候才能下来出现background部分
  "backgroundColor": "#f6f6f6" // background部分的背景色
},
"tabbar": {
  "color": "tab未选中的时候的字体颜色",
  "selectedColor": "tab选中的时候的字体颜色",
  "list": [ // list的数组长度必须在 2 - 5 之间 (包含2和5)
    {
      "pagePath": "pages/index/index",  // tabbar对应的页面链接
      "text": "首页",  // tab对应的文本
      "iconPath": "icon/_home.png",  // tab未选中时的图标
      "selectedIconPath": "icon/home.png"  // tab选中时的图标
    },
    {
      "pagePath": "pages/img/img",
      "text": "图库",
      "iconPath": "icon/_img.png",
      "selectedIconPath": "icon/img.png"
    },
    {
      "pagePath": "pages/mine/mine",
      "text": "我的",
      "iconPath": "icon/_my.png",
      "selectedIconPath": "icon/my.png"
    },
    {
      "pagePath": "pages/search/search",
      "text": "搜索",
      "iconPath": "icon/_search.png",
      "selectedIconPath": "icon/search.png"
    }
  ]
}

页面内的配置

在page对应的json文件中添加配置以配置导航栏的title为例:

  "navigationBarTitleText": "我的图库"

也可以在js文件中修改title的配置
比如global.js中加入如下配置

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值