微信小程序--app.json全局配置文件

enablePullDownRefresh 是否开启当前页面下拉刷新。只有开启这个属性,backgroundTextStyle和backgroundColor这两个属性才能看到,这两个属性都是设置的,当页面下拉刷新时出现的区域的样式,可以自己尝试一下,写上以上样式后更改属性值,即可看到

"window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#666",
    "navigationBarTitleText": "微信接口功能演示",
    "navigationBarTextStyle":"black",
    "backgroundColor":"yellow",
    "enablePullDownRefresh":true
  },

在这里插入图片描述
tabBar 就是底部的图标:
tabBar一定和pages,window是同级别的
第一个参数pagePath 是点击图标之后链接的地址,和pages里面存放的页面地址是对应的
第二个参数text 是图标下面的文字
第三个参数是iconPath 未被选中图标的图片地址
第四个参数是selectedIconPath 选中图标的图片地址
在这里插入图片描述

如果想要修改tabBar的文字以及背景颜色,要和list同级别
要注意:当 position 为 top 时,不显示 icon。如下图所示
在这里插入图片描述

app.json文件

{
  "pages":[
    "pages/index/index",
    "pages/demo01/demo01",
    "pages/logs/logs",
    "pages/aixin/aixin",
    "pages/bangzhu/bangzhu",
    "pages/banji/bianji",
    "pages/chuangzuo/chaungzuo"
  ],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#666",
    "navigationBarTitleText": "微信接口功能演示",
    "navigationBarTextStyle":"black",
    "backgroundColor":"yellow",
    "enablePullDownRefresh":true
  },
  "tabBar": {
    "list": [
      {
      "pagePath": "pages/index/index",
      "text": "首页",
      "iconPath": "icon/aixin.png",
      "selectedIconPath": "icon/_aixin.png"
    },
    {
      "pagePath": "pages/banji/bianji",
      "text": "编辑",
      "iconPath": "icon/bianji.png",
      "selectedIconPath": "icon/_bianji.png"
    },
    {
      "pagePath": "pages/bangzhu/bangzhu",
      "text": "帮助",
      "iconPath": "icon/bangzhu.png",
      "selectedIconPath": "icon/_bangzhu.png"
    }
  ],
  "backgroundColor": "#ff9400",
  "color": "#ffffff",
  "position":"top"

  },
  "style": "v2",
  "sitemapLocation": "sitemap.json"
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值