微信小程序app.json中的设置，mpvue中main.js的设置

最新推荐文章于 2023-02-23 15:20:38 发布

原创最新推荐文章于 2023-02-23 15:20:38 发布 · 1w 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序mpvue tabBar

mpvue 同时被 2 个专栏收录

13 篇文章

订阅专栏

微信小程序

13 篇文章

订阅专栏

本文以mpvue为例，介绍微信小程序中app.json的pages数组配置及tabBar设置。当新增或减少页面时，需更新pages数组。tabBar数组限制2到5个条目，未在数组内的页面不显示tabBar。建议查阅官方文档获取详细信息。

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

这里以mpvue为例子说明一下，基本跟小程序app.json中一样，只是pages数组中第一个字符串去掉’^’

说明几点

小程序中新增/减少页面，都需要对 pages 数组进行修改。
tabBar 是一个数组，只能配置最少2个、最多5个 tab，tab 按数组的顺序排序。
tabBar 只有在tabBar中配置的页面才显示tabBar，没有在数组中声明的页面不显示tabBar
附上abBar的官方链接，详细内容去官网看吧，时间紧没时间写了，抱歉

pages: [
      '^pages/index/main',
      'pages/product/main',
      'pages/login/main',
    ],
    window: {
      backgroundTextStyle: 'light',
      navigationBarBackgroundColor: '#2C2D31',
      navigationBarTitleText: '顾问端',
      navigationBarTextStyle: '#fff'
    },
    "tabBar": {
      "selectedColor": "#1296db",
      "list": [{
        "pagePath": "pages/index/main",
        "text": "首页",
        // "iconPath": "images/ico-home.png",
        // "selectedIconPath": "images/ico-home-d.png"
      },{
        "pagePath": "pages/order/main",
        "text": "设置",

      },{
        "pagePath": "pages/customer/main",
        "text": "帮助",

      }]
    }