当前位置: 首页 > 编程笔记 >

微信小程序tabbar不显示解决办法

田易安
2023-03-14
本文向大家介绍微信小程序tabbar不显示解决办法,包括了微信小程序tabbar不显示解决办法的使用技巧和注意事项,需要的朋友参考一下

微信小程序tabbar不显示解决办法

"pages":[ 
  "pages/logs/logs", 
  "pages/index/index" 
 ], 

微信小程序在测试tabbar的时候怎么都不显示。

我就不贴api了。直接上代码

{ 
 "pages":[ 
  "pages/logs/logs", 
  "pages/index/index" 
 ], 
 "window":{ 
  "backgroundTextStyle":"light", 
  "navigationBarBackgroundColor": "#fff", 
  "navigationBarTitleText": "小程序", 
  "navigationBarTextStyle":"black" 
 }, 
 "tabBar":{ 
  "selectedColor":"#dddddd", 
  "color": "#3cc51f", 
  "backgroundColor":"#ffffff", 
  "list":[{ 
   "text" : "登录", 
   "pagePath" : "pages/logs/logs", 
   "iconPath" : "image/12.png", 
   "selectedIconPath" : "image/12.png" 
  },{ 
   "text":"注销", 
   "pagePath" : "pages/index/index", 
   "iconPath" : "image/12.png", 
   "selectedIconPath" : "image/12.png" 
  },{ 
   "text" : "日志", 
   "pagePath" : "pages/logs/logs", 
   "iconPath" : "image/12.png", 
   "selectedIconPath" : "image/12.png" 
  }] 
 } 
} 

这个json看了一天,直觉告诉我没什么问题。实际上也没什么问题。

但是坑爹的一幕来了,tabbar怎么都不显示。最后发现是

"pages":[ 
  pages/logs/logs", 
  "pages/index/index" 
 ], 

看标红的问题。第一行绝对是不能配置为"pages/index/index"。所以我换成了pages/logs/logs要不然是不会显示tabbar的

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

 类似资料:
  • 本文向大家介绍微信小程序中hidden不生效原因的解决办法,包括了微信小程序中hidden不生效原因的解决办法的使用技巧和注意事项,需要的朋友参考一下 微信小程序中hidden不生效原因的解决办法 例如如下布局: 你会发现hidden没生效。经我实验发现hidden元素对块状布局才生效,所以这段代码里导致hidden没生效的罪魁祸首是display:flex。把这个去掉就可以了。 如果一定要用fl

  • 用Taro开发微信小程序,想配置底部tabBar,我的配置如下,但是不生效 app.config.js 配置,

  • 本文向大家介绍微信小程序 slot踩坑的解决,包括了微信小程序 slot踩坑的解决的使用技巧和注意事项,需要的朋友参考一下 今天在使用微信小程序 component 里的 slot 时发现,当只用一个 slot 并且将 slot 命名后,页面中调用这个 slot 并不会加载进来。 研究尝试后发现,如果想要使用命名的方式调用单个 slot ,也需要像调用多个 slot 的方式 在 component

  • 本文向大家介绍微信小程序tabBar底部导航中文注解api详解,包括了微信小程序tabBar底部导航中文注解api详解的使用技巧和注意事项,需要的朋友参考一下 微信小程序tabBar底部导航中文注解api,信小程序tabBar就是app底部的那个导航栏,可以放1-5导航链接,这里对微信小程序底部导航tabbar的中文解释。 微信小程序tabBar是在全局app.json文件里面配置的。  小程序t

  • 本文向大家介绍微信小程序自定义tabbar custom-tab-bar 6s出不来解决方案(cover-view不兼容),包括了微信小程序自定义tabbar custom-tab-bar 6s出不来解决方案(cover-view不兼容)的使用技巧和注意事项,需要的朋友参考一下 微信小程序自定义tabbar custom-tab-bar 6s出不来解决方案,cover-view不兼容,具体内容如下

  • 问题描述 需求想要展示自定义横向滚动条,但是用sroll-view发现无法显示滚动条,一开始不加scroll-view, 只有一层view,设置overflow-x:scroll, 也是可以滚动但是不显示滚动条。在开发者工具和真机调试都不显示。平时比较少写小程序,麻烦大佬解答一下。 wxml: wxss: