微信小程序tabbar消失_微信小程序tabBar底部导航不显示问题解析

2019年十月八号

转藏：

本文链接：https://blog.csdn.net/wy_Blog/article/details/64919874

————————————————

原文链接：https://blog.csdn.net/wy_Blog/article/details/64919874

{

"pages": [

"pages/splash/splash",

"pages/zhuye/zhuye",

"pages/list/list",

"pages/item/item",

"pages/search/search",

"pages/profile/profile"

"window": {

"navigationBarBackgroundColor": "#35495e",

"navigationBarTextStyle": "white",

"navigationBarTitleText": "电影 « 豆瓣",

"backgroundColor": "#fff",

"backgroundTextStyle": "dark",

"enablePullDownRefresh": true

"tabBar": {

"list": [

{

"pagePath": "pages/zhuye/zhuye",

"iconPath": "images/board.png",

"selectedIconPath": "images/board-actived.png",

"text": "榜单"

{

"pagePath": "pages/search/search",

"iconPath": "images/search.png",

"selectedIconPath": "images/search-actived.png",

"text": "搜索"

{

"pagePath": "pages/profile/profile",

"iconPath": "images/profile.png",

"selectedIconPath": "images/profile-actived.png",

"text": "我的"

}

]

解决方案一：把 tabBar配置中的 "pagePath": "pages/zhuye/zhuye", 换成配置为首页的pages/splash/splash 就可以了；(简单说就是有底部导航栏的那个称为主页，主页就应该放到第一个位置上，初始值也是第一个)

方案二：完美解决方案 (这个是界面跳转模式)

在wxml里加入 open-type="switchTab"

立即体验

方案三：

js里面用这个跳转带bar的页面 (一般这个比较常用：)

//兼容详情返回首页底部消失的问题

wx.switchTab({

url : self.indexPagePath,//url路径

success(res){

fail(){ //容错处理

wx.navigateBack({

delta: 1,

fail:function(){

wx.reLaunch({

url: self.indexPagePath //url路径

})

}

})

}

})

微信小程序tabbar消失_微信小程序tabBar底部导航不显示问题解析相关推荐

解决手机端微信公众号内input输入框获取焦点后，底部导航栏显示在输入法软键盘上面的问题
今天遇到在微信公众号中打开网站,input 输入框和textarea输入框获取焦点后,弹出输入法键盘,将底部的导航栏"顶到"输入法键盘上面的问题,看着非常shit! 直接上代码看效 ...
node.js 微信小程序部署服务器_微信小程序开发入门（一），Nodejs搭建本地服务器...
1. 如何模拟真实环境中,读取服务端数据,首先需要使用Nodejs搭建一个本地服务器的环境. 在搭建web服务器之前,需要先安装node.js(安装版本最好为6.9.x) 安装后node.js,接下 ...
微信小程序页面栈_微信小程序之页面传值(路由、页面栈、globalData、缓存)
1. 通过url带参数传递 1.1 固定参数传递例如,从 list 页面到 detail 页面, 传递一个或多个固定值 list页面传值: 点此进入 detail detail页面取值: onLoa ...
小程序 a标签_微信小程序设计你必须知道的规范总结（内附资源）
作者: 阿倩前不久做了一个微信小程序的项目,总结了一些小程序的设计规范,如果对小程序不够了解就开始设计,设计完程序小哥肯定就要暴走了~,为了挽留程序小哥,我吐血整理了这篇设计规范,还给大家准备了新版 ...
java写微信小程序答辩问题_微信小程序毕业设计选题和毕业论文怎么写，答辩流程是怎样的？...
1. 开始准备选题大四上学期开学时开始准备论文的,首先是确定论文主题,看自己想做什么毕业设计,可以选取之前接触过的,做过的东西,这样快一些,如果选的是没接触过的方向,一定要早点开始.打算做一个小程序 ...
微信小程序python自动化测试_微信小程序的自动化测试框架
微信小程序的自动化测试框架微信发布了小程序的自动化测试框架Minium,提供了多种运行验证方式,其特点: 支持一套脚本,iOS & Android & 模拟器,三端运行提供丰富的页 ...
微信有电脑客户端吗_一个小程序，就能让你用手机控制电脑~
Hello大家好,这里是TopOne软件管家! 现在基本每人必备一个手机和一台电脑,电脑是我们办公所需,但有时候经电脑处理的文件总是忘了转移到U盘或网盘中,人在外想想就难受,那有什么软件可以实现手机控 ...
快手小店电脑版_微信PC版更新！支持在小程序中使用微信支付 | 一周资讯
小程序1. 微信PC版更新,支持在小程序中使用微信支付.12月19日,微信PC端推出内测版2.7.2.73,新版本支持以下新功能:新增看一看精选内容,新的订阅号浏览体验,支持在小程序中使用微信支付.( ...
小程序搜索框_微信小程序搜索及优化相关知识科普
生活中我们常常会用到微信小程序,但很多人不知道该如何搜索.找到小程序:而有些已经做了自己的小程序的商家,也不懂怎么提升自己的微信小程序搜索效果.所以下面就跟大家科普下这两个问题. 1.怎么搜索微信小程 ...
php 小程序运动步数_微信小程序步数运动-收益讲解
不得不佩服,步数小程序的厉害之处. 把闲散的运动步数,转化成一种可量化的社交货币,流动保存起来,探索出一种门槛低,又健康的经济模式. 对用户,真金白银的刺激,免费步数换取/抵现商品,红包,充值卡等. ...

微信小程序tabbar消失_微信小程序tabBar底部导航不显示问题解析

微信小程序tabbar消失_微信小程序tabBar底部导航不显示问题解析相关推荐

最新文章

热门文章

微信小程序tabbar消失_微信小程序tabBar底部导航 不显示问题解析

微信小程序tabbar消失_微信小程序tabBar底部导航 不显示问题解析相关推荐

最新文章

热门文章

微信小程序tabbar消失_微信小程序tabBar底部导航不显示问题解析

微信小程序tabbar消失_微信小程序tabBar底部导航不显示问题解析相关推荐