Loading [MathJax]/jax/output/CommonHTML/config.js

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >专栏 >异常:微信小程序tabBar不生效

异常:微信小程序tabBar不生效

作者头像

小小咸鱼YwY

发布于 2020-06-19 08:01:04

发布于 2020-06-19 08:01:04

1.4K00

代码可运行

举报

文章被收录于专栏：python-爬虫python-爬虫

运行总次数：0

代码可运行

app.json全局tabBar设置tabBar不显示

由于小程序的机制问题,首页的tabBar第一个导航必须是首页

    "pages": [
        "pages/index/index",      #json文件不能加备注,这个是首页
        "pages/show/show"
    ],
    "tabBar": {
        "list": [{
            "pagePath": "pages/index/index", #json文件不能加备注,这个必须是首页的url
            "text": "index"
        },
            {
                "pagePath": "pages/show/show",
                "text": "show"
            }]
    },

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2019-09-26 ，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

评论

登录后参与评论

暂无评论

编辑精选文章

换一批

万字详解高可用架构设计

Go 开发者必备：Protocol Buffers 入门指南

10分钟带你彻底搞懂分布式链路跟踪

多租户的 4 种常用方案

亿级月活的社交 APP，陌陌如何做到 3 分钟定位故障？

60页PPT全解：DeepSeek系列论文技术要点整理

微信小程序从零开始开发步骤（三）底部导航栏

微信小程序

上一章节，我们分享了如何创建一个新的页面和设置页面的标题，这一章我们来聊聊底部导航栏是如何实现的。即点击底部的导航，会实现不同对应页面之间的切换。我们先来看个我们要实现的底部导航栏的效果图：（三个导

王小婷

2018/05/31

4.1K1

【愚公系列】2022年02月微信小程序-app.json配置属性之tabBar

如果小程序是一个多 tab 应用（客户端窗口的底部或顶部有 tab 栏可以切换页面），可以通过 tabBar 配置项指定 tab 栏的表现，以及 tab 切换时显示的对应页面。

愚公搬代码

2022/02/22

8270

【愚公系列】2022年02月微信小程序-app.json配置属性之tabBar

微信小程序云开发基础知识扫盲篇（一）文档结构

小程序 javascript 编程算法微信

这个是小程序的脚本代码文件，可以在这个文件上进行监听，并处理小程序的一些生命周期（比如一些全局变量）

用户3004405

2021/07/14

6820

[猫头虎分享21天微信小程序基础入门教程]第2天：了解小程序的结构与文件配置

基础配置微信小程序小程序测试

全局配置文件app.json中，可以定义小程序的页面文件路径、界面表现、网络超时时间、底部tab等。

猫头虎

2024/05/14

1600

[猫头虎分享21天微信小程序基础入门教程]第2天：了解小程序的结构与文件配置

微信小程序tabbar设置样式在哪里改

微信小程序 json

　　微信小程序tabbar通俗点说就是底部导航，我们一般会配置相关的菜单，方便读者快速导航。tabbar是在项目根目录中的配置文件 app.json 中进行设置；如果小程序是一个多 tab 应用（客户端窗口的底部或顶部有 tab 栏可以切换页面），可以通过 tabBar 配置项指定 tab 栏的表现，以及 tab 切换时显示的对应页面。tips：当设置 position 为 top 时，将不会显示 icon； tabBar 中的 list 是一个数组，只能配置最少2个、最多5个 tab，tab 按数组的顺序

ytkah

2018/06/20

11.2K3

微信小程序-开发入门（一）

微信小程序

微信小程序已经火了一段时间了，之前一直也在关注，就这半年的发展来看，相对原生APP大部分公司还是不愿意将主营业务放到微信平台上，以免受制于腾讯，不过就小程序的应用场景（用完即走和二维码分发等）还是很值得我们学习的，技术上面如果了解React的话，会发现他们在组件化上面有很多雷同之处。说白了，小程序就是基于微信平台的H5轻应用，微信将系统底层功能（设备、位置、媒体、文件等）和微信自身功能（登录、支付、分享等）封装成相应API供小程序调用。自己根据官方文档写过一个DOME，借助和风天气开放API接口，实现天气

小古哥

2018/03/08

2.6K2

「小程序JAVA实战」小程序手写属于自己的第一个demo（六）

小程序 java 官方文档 http html

自己尝试的写一个小demo，用到自定义样式，自定义底部导航，页面之间的跳转等小功能。官方文档对于小程序开发来说要时刻打开https://developers.weixin.qq.com/minipr

IT架构圈

2018/12/17

1K0

「小程序JAVA实战」小程序手写属于自己的第一个demo（六）

微信小程序自定义 tabBar 踩坑实践

javascript 官方文档微信小程序

创建一个与 /pages 的同级目录，命名为 /custom-tab-bar，注意目录层级与目录命名问题，不可用其他名称命名。

江不知

2020/11/03

6.9K1

微信小程序之底部导航【前端】

备注：特别要说明的是，tabBar下list数组里面的第一条内容，一定要对应pages数组中的第一条内容，否则导航无法显示。

sinnoo

2020/11/13

7720

【愚公系列】《微信小程序与云开发从入门到实践》005-小程序项目的基本结构

腾讯技术创作特训营S11#重启人生

在当今移动互联网的迅猛发展中，小程序以其轻便、高效的特点，逐渐成为了吸引用户的重要工具。无论是电商、社交还是生活服务，各类小程序如雨后春笋般涌现，改变了我们与应用的交互方式。然而，很多开发者在初次接触小程序时，往往对其项目结构感到迷茫。了解小程序的基本结构不仅是开发的第一步，更是构建高效、可维护应用的基础。

愚公搬代码

2025/01/10

1480

零基础微信小程序开发——页面导航之编程式导航（保姆级教程+超详细）

编程基础教程开发微信小程序

调用 wx.switchTab(Object object) 方法，可以跳转到 tabBar 页面。其中 Object 参数对象的属性列表如下

小白的大数据之旅

2024/12/28

1560

零基础微信小程序开发——页面导航之编程式导航（保姆级教程+超详细）

小程序中tabBar的使用

小程序微信小程序音视频

知晓程序员，专注微信小程序开发的程序员！今天说说tabBar的使用，先看看官方说法：如果小程序是一个多 tab 应用（客户端窗口的底部或顶部有 tab 栏可以切换页面），可以通过 tabBar 配置项指定 tab 栏的表现，以及 tab 切换时显示的对应页面。备注：当设置 position 为 top 时，将不会显示 icon tabBar 中的 list 是一个数组，只能配置最少2个、最多5个 tab，tab 按数组的顺序排序。（tabBar图例讲解）今天在做投一个小程序时，也用到

连胜

2018/03/07

2.9K0

微信小程序开发实战（20）：TabBar导航

小程序微信 javascript

在很多App中，首页的下方通常会出现3到5个TabBar按钮，如图1所示。通过这些按钮，可以切换到不同的页面。其实这也属于导航的一种方式。

蒙娜丽宁

2020/08/11

9380

微信小程序开发实战（20）：TabBar导航

微信小程序底部导航栏实现

微信小程序 https github 网络安全

上一章节，我们分享了如何创建一个新的页面和设置页面的标题，这一章我们来聊聊底部导航栏是如何实现的。即点击底部的导航，会实现不同对应页面之间的切换。

王小婷

2020/09/27

15.6K0

微信小程序分享：TabBar不出现如何处理

微信小程序音视频

今天打算开始实战一个微信小程序项目，一开始就踩坑了，正确设置了TabBar，但是TabBar就是不能显示出来，后面才找到原因，这里记录下：

疯狂的小程序

2018/01/25

8440

小程序快速入门教程 1.1 小程序开发入门

小程序微信 javascript 编程算法

结合刚创建的 DEMO，大致了解下小程序的文件结构和页面组成，详细的内容可以查看小程序代码构成。

twowinter

2020/04/17

1.1K0

小程序快速入门教程 1.1 小程序开发入门

微信小程序开发（全局配置文件）

微信 json 编程算法

微信小程序中全局配置文件指：app.json文件，该文件通过微信开发者工具新建项目后会自动生成，无需自己手动创建。

全栈开发日记

2022/05/13

1K0

微信小程序开发（全局配置文件）

微信小程序实战开发三：小程序之全局配置APP.JSON之底部菜单栏tabBar

小程序微信编程算法

全局配置官方说明文档地址：https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html#tabBar

睿儿网络郝刚

2020/09/08

7840

微信小程序实战开发三：小程序之全局配置APP.JSON之底部菜单栏tabBar

微信小程序入门《四》实例：导航栏样式、tabBar导航栏

微信小程序音视频

实例内容导航栏样式设置 tabBar导航栏实例一：导航栏样式设置小程序的导航栏样式在app.json中定义。这里设置导航，背景黑色，文字白色，文字内容测试小程序 app.json内容： { "pages":[ "pages/index/index", "pages/login/login", "pages/logs/logs" ], "window":{ "backgroundTextStyle":"red", "navigationBarBack

极乐君

2018/02/05

3.3K0

微信小程序入门《四》实例：导航栏样式、tabBar导航栏

uniapp动态底部tabbar_微信小程序开发例子

javascript json vue.js 存储 https

公司要求开发一个小程序，要求二种不同权限的人群都可以使用，使用时根据不同的权限，获取不同的tabbar，以及展示对应不同的内容。

全栈程序员站长

2022/11/01

2.7K0

uniapp动态底部tabbar_微信小程序开发例子

相关推荐

微信小程序从零开始开发步骤（三）底部导航栏

更多 >

本文部分代码块支持一键运行，欢迎体验

本文部分代码块支持一键运行，欢迎体验