微信小程序中tabBar配置

微信小程序中下方的tabBar如何配置很多刚刚接触小程序的同学，有些懵。这里给你一个详细的配置文档：

小程序配置 | 微信开放文档

具体配置代码如下：

  "tabBar": {"list": [{"pagePath": "pages/moving/index","iconPath": "pages/images/card.png","selectedIconPath": "pages/images/card_select.png","text": "首页"},]}

tabBar：是我们指定了内部配置为小程序的tabBar，

list：则是我们具体的tabBar的列表

pagePath：指定的是我们点击此tabBar要跳转显示的页面

iconPath：指的是我们在未点击选中此tabBar时显示的icon

selectedIconPath：指的是我们点击选中此tabBar后需要展示的高亮icon

text：指的是我们的此tabBar要展示的按钮名称

tabBar配置好以后不显示的解决方法

查看一下我们的tabBar中引用的页面是否已经注册到了pages中，若这个页面没有注册，则应改及时调整，注册页面到pages中
如果页面已经注册了，仍然没有显示，那么需要看一下页面应用的路径是否出现了错误，如果有则要纠正，没有的话，就看下面的解决方法
上面两条都没有问题的话，tabBar仍然没有显示，那么就要具体根据下面的指引操作了：

小程序启动是加载的页面路径，必须是在tabBar中的路径，并且他还必须是tabBar中的List属性的一个元素。

上面这三种都检查完了，如果你仍然没有显示，那么你就要查看你的控制台是否报错了！！！

好了，今天关于小程序tabBar的问题就讲解到这。欢迎大家点击下方卡片，关注我的公众号《coder练习生》

【微信小程序】微信小程序tabBar使用中不显示问题相关推荐

微信小程序uni.switchTab传参获取不到；小程序跳转到tabBar页并传参；uni-app微信小程序获取tabBar页面参数失败；uni-app微信小程序tabBar页面onLoad不执行
需求场景:从非tabBar页面B跳转到tabBar页面A,并想要携带参数. 如果使用uni.switchTab传参,会导致tabBAE页面获取不到参数: 原因: 官方文档有说,uni.switchTa ...
微信小程序用vant自定义tabbar页面并跳转相应页面
0.前置安装步骤一安装 vant 组件库 npm i @vant/weapp -S --production 下载完后要npm构建才能使用步骤二修改 app.json 将 app.json 中 ...
[小程序] 微信开发者工具下载与安装 WXMLfor if 模板页面引用 tabBar
文章目录帐号设置微信开发者工具 1.工具的下载与安装 2.helloworld项目小程序目录结构及配置 1.目录结构 2.全局配置文件app.json 3.全局样式文件app.wxss 4.小程 ...
玩玩小程序：使用 WebApi 交互打造原生的微信小程序 - 图灵小书架
使用 WebApi 交互打造原生的微信小程序 - 图灵小书架目录介绍源码地址扫一扫体验代码分析其它相关信息(互联网搜集) 介绍定时抓取图灵社区官网的首页.最热.推荐和最新等栏目的相关图书 ...
开发微信小程序的小技巧
1.1.小程序的开发步骤或流程是什么? a.登录微信公众号官网,申请小程序账号 b.获取appId ,appScert c.下载开发者工具 b.创建第一个小程序项目 1.2.小程序的实现原理是什么? ...
微信程序开发小程序入门
1.小程序简介微信官方文档小程序的生命周期 // app.js App({ onLaunch() { // 展示本地存储能力 const logs = wx.getStorag ...
2023年最新最全uniCloud入门学习，零基础入门到实战项目 uni-admin打造uniapp网页后端微信支付宝抖音小程序后端 unicloud数据后台快速打造uniapp小程序项目
今天开始带着大家一起零基础学习uniCloud,在下面的课程中我们就简称uniCloud为cloud吧.我这里从零基础开始教大家,后面可以带大家简单的做一个实战项目.所以不用担心自己没有基础,跟着石头 ...
初识小程序 ——微信小程序的入门和使用
一.小程序的介绍在小程序特别火爆的今天,我们一起来了解了解小程序吧.小程序总类一般分为微信小程序.支付宝小程序.头条小程序.百度小程序.QQ小程序,小程序无需下载安装,能达到"触手可及&q ...
重磅 | 微信应用号，小程序最新开发教程
微信应用号(小程序,应用号的新称呼)终于来了! 目前还处于内测阶段,微信只邀请了部分企业参与封测.想必大家都关心应用号的最终形态到底是什么样子?怎样将一个服务号改造成为小程序? 我们暂时以一款简单的第 ...

【微信小程序】微信小程序tabBar使用中不显示问题

微信小程序中tabBar配置

tabBar配置好以后不显示的解决方法

【微信小程序】微信小程序tabBar使用中不显示问题相关推荐

最新文章

热门文章