微信小程序tabBar无法显示

最新推荐文章于 2024-09-27 16:15:56 发布

it小白求知路

最新推荐文章于 2024-09-27 16:15:56 发布

阅读量4.8k

点赞数 1

分类专栏：微信小程序

本文链接：https://blog.csdn.net/qq_39248122/article/details/82748323

版权

微信小程序专栏收录该内容

5 篇文章 0 订阅

订阅专栏

1：主页index没有出现在tabBar的第一个pagePath中（例如这个的第22行代码）

{
  "cloud": true,
  "pages": [
    "pages/index/index",
    "pages/film/film",
    "pages/filmAdd/filmAdd"
  ],
  "window": {
    "backgroundColor": "#F6F6F6",
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#F6F6F6",
    "navigationBarTitleText": "云开发 QuickStart",
    "navigationBarTextStyle": "black"
  },

"tabBar": {
  "color":"#888",
  "selectedColor":"#FFD700",
  "backgroundColor": "#FFEC8B",
  "list": [
  {
    "pagePath": "pages/film/film",
    "text": "影院",
    "iconPath": "../miniprogram/images/tabbar/1.png",
    "selectedIconPath": "../miniprogram/images/tabbar/1.png"
    
  },
  {
    "pagePath": "pages/film/film",
    "text": "电影查询",
    "iconPath": "../miniprogram/images/tabbar/2.png",
    "selectedIconPath": "../miniprogram/images/tabbar/2.png"
  },
  {
    "pagePath": "pages/filmAdd/filmAdd",
    "text": "电影添加",
    "iconPath": "../miniprogram/images/tabbar/3.png",
    "selectedIconPath": "../miniprogram/images/tabbar/3.png"
  }
  ]
}

  
}

修改方式：把主页index添加到tabBar的第一个pagePath中

{
  "cloud": true,
  "pages": [
    "pages/index/index",
    "pages/film/film",
    "pages/filmAdd/filmAdd"
  ],
  "window": {
    "backgroundColor": "#F6F6F6",
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#F6F6F6",
    "navigationBarTitleText": "云开发 QuickStart",
    "navigationBarTextStyle": "black"
  },

"tabBar": {
  "color":"#888",
  "selectedColor":"#FFD700",
  "backgroundColor": "#FFEC8B",
  "list": [
  {
    "pagePath": "pages/index/index",
    "text": "影院",
    "iconPath": "../miniprogram/images/tabbar/1.png",
    "selectedIconPath": "../miniprogram/images/tabbar/1.png"
    
  },
  {
    "pagePath": "pages/film/film",
    "text": "电影查询",
    "iconPath": "../miniprogram/images/tabbar/2.png",
    "selectedIconPath": "../miniprogram/images/tabbar/2.png"
  },
  {
    "pagePath": "pages/filmAdd/filmAdd",
    "text": "电影添加",
    "iconPath": "../miniprogram/images/tabbar/3.png",
    "selectedIconPath": "../miniprogram/images/tabbar/3.png"
  }
  ]
}

  
}