小程序tabbar能放分包路径吗_微信小程序之如何自定义底部tabbar导航

我之前写一个微信小程序，保单万事通，有一个这样的功能

image.png

这个底部导航，如果用小程序自带的tabbar，根本无法实现，所有我想第2种方法来实现

微信小程序文档中，有一种这个方法，但是我不建议，体验极差。。。。使用首先可以通过在app.json里放入

{

"usingComponents": {

"mp-tabbar": "../../components/tabbar/tabbar"

}

}

然后组件引入

// page.js示例代码

Page({

data: {

list: [{

text: "对话",

iconPath: "/example/images/tabbar_icon_chat_default.png",

selectedIconPath: "/example/images/tabbar_icon_chat_active.png",

},

{

text: "设置",

iconPath: "/example/images/tabbar_icon_setting_default.png",

selectedIconPath: "/example/images/tabbar_icon_setting_active.png",

badge: '