关于自定义tabBar示例的问题
发布于 5 年前 作者 gaoming 4795 次浏览 来自 问答

初学者一枚

在学习自带的自定义tabBar的时候  : https://developers.weixin.qq.com/miniprogram/dev/framework/ability/custom-tabbar.html

尝试把 自定义tabBar加到自己的工程里面

新建自己的工程的时候选择的是“” 云开发“”,

目录结构和初始效果如图:

  • 当前 Bug 的表现(可附上截图)

在尝试加入tabBar的过程中,发现app根本不添加tabbar。

怀疑是目录结构的问题,project.config.json里面

“miniprogramRoot”: “miniprogram/”,这个项目好像没作用到tabbar上。

同样的代码,如果把miniprogram文件夹下的文件移到一个空文件夹下,就能成功。

失败的截图:

把代码放到独立的文件夹下成功的截图:

请教问题的根因,万分感谢!

1 回复

先恭喜你成功了

2. 添加 tabBar 代码文件

在代码根目录下添加入口文件:

custom-tab-bar/index.js
custom-tab-bar/index.json
custom-tab-bar/index.wxml
custom-tab-bar/index.wxss

回到顶部