Juveniles
Juveniles
  • 发布:2020-05-31 11:50
  • 更新:2020-06-01 00:32
  • 阅读:1199

【报Bug】midButton添加后在浏览器运行不显示

分类:uni-app

产品分类: 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":"发现"  

        }  
    }  
}  
2020-05-31 11:50 负责人:无 分享
已邀请:
DCloud_heavensoft

DCloud_heavensoft

文档写了只有app支持

  • 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

该问题目前已经被锁定, 无法添加新回复