小程序首页不显示tabBar

app.json中配置了tabBar,但是首页不想显示,首页跳转时使用

wx.redirectTo和wx.navigateTo无法完成跳转

这时用到了

wx.switchTab

可以实现我们的需求,首页不显示tabBar,并可以进行跳转

文档:https://developers.weixin.qq.com/miniprogram/dev/api/wx.switchTab.html

原文地址:https://www.cnblogs.com/jcydd/p/10730453.html

时间: 2024-10-09 23:55:04

小程序首页不显示tabBar的相关文章

微信小程序首页index.js获取不到app.js中动态设置的globalData的原因以及解决方法

前段时间开发了一款微信小程序,运行了也几个月了,在index.js中的onLoad生命周期里获取app.js中onLaunch生命周期中在接口里动态设置的globalData一直没有问题,结果昨天就获取不到动态设置的global数据了.因为我要获取小程序的unionid以及通过unionid去获取微信的openId,并且共享数据,最开始我是通过storage来做数据共享的,后来测试发现storage存在莫名被清空的情况,后来转用globalData来做数据共享,查了下,是因为app.js中的on

踩一踩微信小程序开发的坑---tabBar

最近忙于开发视频直播的项目,小程序学习也放置了两三个星期了,web开发者工具更新到新版,发现上个版本做的demo不显示了??,仔细的检查代码和上网求救,都没用,最后随手那么的按两个键(真的是随手一按,都没想到会解决)就好了,总结下tabBar控件吧. 1,书写,正确书写时tabBar,不要写成tabbar,我看新版的现在有自动补全了,这个应该不会成问题 2,这个问题不好找,当创建新工程时,app.json中Pages配置是这样的 首页默认的是index的目录,如果添加新的页面,不在pages中添

微信小程序如何实现自定义tabBar

小程序开发现在非常火,但是对于后台来说如何做到自定义tabBar呢?下面就来讲解下,如何实现微信小程序登录后根据用户身份权限不同跳转到不同的页面问题.首先需要解决的是:你要把底部导航做成一个公共模板template.wxml中代码:<template name="tabBar"> <view class="tab-bar" style="color: {{tabBar.color}}; background: {{tarBar.backg

小程序--首页tab选项实现

先看下效果图: 底部tab切换的实现主要在App.json中的 tabBar列表.如下图所示: 接下来详细介绍一下App.json中的参数 1.默认情况下主要分为Pages和window两个模块,tabBar是我们在需要的时候添加进去的 2.pages--我们开发中所写的页面路径都需要引用在这里 3.windows--设置小程序的状态栏.导航条.标题.窗口背景色,详细如下: 4.tabBar 是一个数组,只能配置最少2个.最多5个 tab,tab 按数组的顺序排序.可查看官方API文档tabBa

微信小程序-隐藏和显示自定义的导航

微信小程序中不能直接操作window对象,document文档,跟html的树结构不相同. 实现类似导航的隐藏显示,如图效果: 点击网络显示或隐藏网络中包含的内容.其他类似. 如果是jquery很方便实现,能直接操作document.在微信小程序中实现思路是:在逻辑层定义变量,通过setData赋值. 方法一:通过变量直接赋值,给每一个要控制显示的view定义变量 .wxml 代码: <!--index.wxml--> <view class="navView" bi

微信小程序:配置 pages window tabBar debug

app.json { "pages": [ "pages/page02/page02", "pages/index/index" ], "window": { "backgroundTextStyle": "light", "navigationBarBackgroundColor": "#000000", "navigationBarT

微信小程序首页问题

{ "pages": [ "pages/index/index", "pages/home/index" ] } 上面配置小程序启动页面是 pages/index/index. { "pages": [ "pages/home/index", "pages/index/index" ] } 上面配置小程序启动页面是 pages/home/index. 配置pages的第一个就是首页 原文

微信小程序首页总结

效果图如下 首先从大的方面来讲,就是设置了window的属性 "navigationBarBackgroundColor": "#AFE2E6",//bar背景颜色"navigationBarTextStyle": "white",//bar字体颜色"backgroundColor": "white",//背景颜色"enablePullDownRefresh": &q

小程序文本溢出显示省略号(单行/多行)

1.单行:外部容器应加overflow: hidden;否则不显示省略号 .text { font-size: 38rpx; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 2.多行 .text { font-size: 38rpx; line-height: 38rpx; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; word-