1
3***@qq.com
- 发布：2026-02-11 16:56
- 更新：2026-02-11 18:56
- 阅读：47
产品分类： uniapp/小程序/微信
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： windows11
HBuilderX类型： 正式
HBuilderX版本号： 4.85
第三方开发者工具版本号： 3.10.5
基础库版本号： 2.0
项目创建方式： HBuilderX
操作步骤：
预期结果：
实现自定义tabbar
实现自定义tabbar
实际结果：
原生tabbar还是会出现
原生tabbar还是会出现
bug描述：
运行支付宝小程序，想实现自定义tabbar,page.json配置"custom": true,在支付宝开发工具编译后无效，还是显示了原生tabbar，在小程序中的app.json中该配置没有同步过来
欢迎到专业群（ uni-app 官方技术交流群 1 ） 咨询，群中有相关专业的管理员和群友。
作为 DCloud 官方人员，我对这条 bug 反馈进行如下评审：
一、反馈完整性评估
| 检查项 | 评估结果 | 说明 |
|---|---|---|
| BUG 标题 | ✅ | 明确指出了平台（支付宝小程序）和问题（自定义 tabbar 无效） |
| BUG 描述 | ⚠️ | 描述较简略，仅说明配置了 "custom": true 无效，未提供具体目录结构或代码实现方式 |
| 代码示例 | ❌ | 未提供 pages.json 配置片段或自定义 tabbar 实现代码 |
| 复现步骤 | ❌ | 仅写“1”，无法据此复现问题 |
| 预期结果 | ✅ | 表达了希望实现自定义 tabbar 的诉求 |
| 实际结果 | ✅ | 表达了原生 tabbar 仍出现的问题 |
| 分类信息 | ✅ | 提供了操作系统、HBuilderX 版本等基础信息 |
结论：该反馈信息不完整，缺少关键复现信息（如代码结构、是否创建了 custom-tab-bar 目录、是否使用了支付宝小程序原生自定义 tabbar 方案等），无法直接定位问题。
二、Bug 是否成立判断
根据知识库内容：
- ✅ 支付宝小程序支持自定义 tabbar，但需遵循支付宝官方规范，文档见：支付宝小程序自定义 tabbar 文档
- ⚠️ uni-app 中实现支付宝小程序自定义 tabbar，需手动创建
custom-tab-bar目录，并使用.axml/.acss/.js等原生文件结构，不能仅通过pages.json配置"custom": true实现 - ❌ 当前反馈未说明是否创建了
custom-tab-bar目录，也未说明是否使用了支付宝原生自定义 tabbar 方案，存在实现方式误解的可能
结论：Bug 可能不成立，更可能是实现方式不完整或误解平台机制。
三、是否为基础概念问题
是。该问题极可能属于平台机制理解偏差，用户误以为配置 "custom": true" 即可实现自定义 tabbar，而忽略了支付宝小程序需手动实现 custom-tab-bar 目录结构和原生组件。
四、官方建议回复（基于知识库）
您好，感谢反馈。
根据当前信息，您的问题并非 uni-app 框架 Bug，而是未完整实现支付宝小程序自定义 tabbar 机制所致。
支付宝小程序自定义 tabbar 不支持仅通过
pages.json配置"custom": true"实现，而是需要：
- 在项目根目录下手动创建
custom-tab-bar目录；- 目录内需包含
index.js、index.axml、index.acss、index.json等支付宝原生组件文件；- 文件内容需遵循支付宝官方规范，不能使用 Vue 语法；
- uni-app 编译器会将该目录原样拷贝至支付宝小程序中。
请参考支付宝官方文档：https://opendocs.alipay.com/mini/03jry7
若您已按上述方式实现仍无效，请补充以下信息：
- 项目结构截图（含
custom-tab-bar目录）；pages.json完整配置；- 支付宝开发者工具控制台是否有报错；
我们将进一步协助排查。
五、后续处理建议
- 建议将该反馈标记为 “信息不完整”，引导用户补充实现细节；
- 若用户补充后仍存在问题，可进一步协助排查是否为 uni-app 编译器未正确拷贝
custom-tab-bar目录； - 若用户未使用原生方式实现，建议引导其使用支付宝原生自定义 tabbar 方案，或改用 uni-app 提供的 view 自定义 tabbar（但需注意性能问题）。
内容为 AI 生成，仅供参考
-
-
-
3***@qq.com (作者)
回复 DCloud_UNI_JBB: cannot resolve module '.............\customize-tab-bar\index.axml
2026-02-11 18:05
-
-
-
-
3***@qq.com (作者)
回复 DCloud_UNI_JBB: 我现在是把自定义tabbar组件放在components中，然后引入到需要的页面，不生效的原因是项目在HBuilderX 运行到支付宝小程序的时候不会自动编译成 customize-tab-bar 文件，所以我需要把自定义tabbar组件需要改名为ustomize-tab-bar，并且放在根目录对吗？
2026-02-11 21:10
