无
- 发布:2020-05-31 11:50
 - 更新:2020-06-01 00:32
 - 阅读:1547
 
【报Bug】midButton添加后在浏览器运行不显示
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win 10
HBuilderX类型: 正式
HBuilderX版本号: 2.7.9
手机系统: Android
手机系统版本号: Android 10
手机厂商: 小米
手机机型: 小米CC9
页面类型: vue
打包方式: 离线
项目创建方式: HBuilderX
操作步骤:
                                    
                                         
                                
                                                                                                预期结果:
                                    
                                    
                                        无
                                     
                                
                                                                                                无
实际结果:
                                    
                                    
                                        无
                                     
                                
                                                            无
bug描述:
midButton不显示代码如下::
{  
    "pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages  
        {  
            "path": "pages/index/index",  
            "style": {  
                "navigationBarTitleText": "首页"  
            }  
        },  
        {  
            "path": "pages/selection/selection",  
            "style": {  
                "navigationBarTitleText": "严选"  
            }  
        },  
        {  
            "path": "pages/news/news",  
            "style": {  
                "navigationBarTitleText": "消息"  
            }  
        },  
        {  
            "path": "pages/user/user",  
            "style": {  
                "navigationBarTitleText": "我的"  
            }  
        },  
        {  
            "path": "pages/diary/diary",  
            "style": {  
                "navigationBarTitleText": "日记"  
            }  
        }  
    ],  
    "globalStyle": {  
        "navigationBarTextStyle": "black",  
        "navigationBarTitleText": "艾美严选",  
        "navigationBarBackgroundColor": "#F8F8F8",  
        "backgroundColor": "#F8F8F8"  
    },  
    "tabBar": {  
        "color": "#C0C4CC",  
        "selectedColor": "#fa436a",  
        "borderStyle": "black",  
        "backgroundColor": "#ffffff",  
        "list": [{  
                "pagePath": "pages/index/index",  
                "iconPath": "static/tab-home.png",  
                "selectedIconPath": "static/tab-home-current.png",  
                "text": "首页"  
            },  
            {  
                "pagePath": "pages/selection/selection",  
                "iconPath": "static/tab-cate.png",  
                "selectedIconPath": "static/tab-cate-current.png",  
                "text": "严选"  
            },  
            {  
                "pagePath": "pages/news/news",  
                "iconPath": "static/tab-cart.png",  
                "selectedIconPath": "static/tab-cart-current.png",  
                "text": "购物车"  
            },  
            {  
                "pagePath": "pages/user/user",  
                "iconPath": "static/tab-my.png",  
                "selectedIconPath": "static/tab-my-current.png",  
                "text": "我的"  
            }  
        ],  
        "midButton":{  
            "width": "63px",  
            "height": "63px",  
            "iconPath": "static/tab-cate-current.png",  
            "iconWidth": "65px",  
            "text":"发现"  
        }  
    }  
}  
                                
            
            
            
            
Juveniles (作者)
好的谢谢 已解决
2020-06-01 17:46
1***@qq.com
回复 Juveniles: 兄弟 找到解决办法啦吗
2020-06-05 17:31
Juveniles (作者)
回复 1***@qq.com: 找到了,虽然官方说了只有app支持,但是也是有办法的,咱们只需要在自定义底部导航栏的时候,写五个一样的导航,中间的一个不加文字就可以了
2020-07-24 09:55