您当前的位置: 首页 > 知识百科 > 微信小程序tab选项卡不显示怎么办

微信小程序tab选项卡不显示怎么办

时间:2023-07-01 14:05 阅读数:19 人阅读 分类:知识百科

  微信小程序开发涉及到很多步骤,每一步都很关键,但是如果微信小程序tab选项卡不显示该怎么办呢?小编教你应对方法,看看以下资料就知道了。

  微信小程序-tabBar无法显示问题解析微信小程序关于底部footer部分,tabbar已经完成写好但是不显示,问题是在tabbar里面写的 "pagePath": "pages/logs/logs",的路径,必须在如下

  "pages":[

  "pages/logs/logs",

  "pages/news/news",

  "pages/index/index"

  ],

  里面的开始部分,不能在pages里面的开始就定义初始页面的地址,必须把tabbar的地址定义在开始部分,不然无法显示

  {

  "pages":[

  "pages/news/news",//tabbar地址-必须放在初始页面地址前边

  "pages/logs/logs",//tabbar地址-必须放在初始页面地址前边

  "pages/index/index"//初始页面

  ],

  "window":{

  "backgroundTextStyle":"light",

  "navigationBarBackgroundColor": "black",

  "navigationBarTitleText": "weixin小程序项目首页",

  "navigationBarTextStyle":"white"

  },

  "tabBar": {

  "list": [

  {

  "pagePath": "pages/logs/logs",

  "text": "text",

  "iconPath": "iconPath",

  "selectedIconPath": "selectedIconPath"

  },

  {

  "pagePath": "pages/news/news",

  "text": "text",

  "iconPath": "iconPath",

  "selectedIconPath": "selectedIconPath"

  }

  ]

  },

  "debug":true

  }

  但是如果这样定义,则项目显示首页为pages定义的页面,如果想显示的首页为index初始页面,需要再tabbar里面另外定义一个bar显示指向初始页面,并把pages里面的初始页面放在第一位即可。

  以上就是关于微信小程序tab选项卡不显示的具体应对方法了,相应的操作所需要的小程序代码也都给出来了,更多相关资料请关注微信小程序素材网。

  

  微信小程序顶部选项卡怎么开发

  微信小程序滑动选项卡开发源码

  小程序滚动选项卡怎么开发?