uni-app使用多个tabbar 效果跟原生一样

原文链接
fm:业务需求 uniapp 一个项目编译H5商城跟商户端app 但是H5不需要商户端的tabbar 但是打包成商户端app时候需要可以跳转到商城也就是需要需要商城的tabbar 我试过商户端app使用自定义tabbar 但是这样渲染页面太慢了 uniapp最多只能有五个tabbar 那现在怎么展示八个呢 还要动态显示 还要不影响性能

在page.json 文件里 通过H5编译 那就只有是三个tabbar能生效 在app里面有八个tabbar生效 那问题有来了 那H5可以了 那app展示八个怎么行 那商户端首页也展示商城的tabbar了 上面只是说让tabbar生效 那再把tabbar隐藏就好了

    "preloadRule": {
   
        "pages/tabBar/home": {
   
            "network": "all",
            "packages": [
                "pagesA",
                "pagesB"

            ]
        }
    }
    //上面这个preloadRule没用 主要是为了方便看 这个逗号要放在h5编译里面 
    // #ifdef H5  
    ,
    "tabBar": {
   
        "color": "#000000",
        "selectedColor": "#FB8D37",
        "borderStyle": "black",
        "backgroundColor": "#ffffff",
        "list": [

            {
   
                "pagePath": "pages/tabBar/home",
                "iconPath": "static/img/homeWx.png",
                "selectedIconPath": "static/img/homeWxh.png",
                "text": "首页"

            },
            // {
   
            //     "pagePath": "pages/tabBar/allGoods",
            //     "iconPath": "static/img/goShoppingWx.png",
            //     "selectedIconPath": "static/img/goShoppingWxh.png",
            //     "text": "分类"
            // },
            // //#ifdef MP-WEIXIN  
            // {
   
            //     "pagePath": "pages/tabBar/livePlayer",
            //     "iconPath": "static/img/live.png",
            //     "selectedIconPath": "static/img/livechecked.png",
            //     "text": "美呀直播"
            // },
            // // #endif  

            {
   
                "pagePath": "pages/tabBar/shoppingCart",
                "iconPath"

这篇好文章是转载于：学新通技术网