l***@163.com
l***@163.com
  • 发布:2021-10-13 19:50
  • 更新:2021-11-18 15:04
  • 阅读:510

【报Bug】vue3"maxWidth"显示不正常

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: windows10

HBuilderX类型: 正式

HBuilderX版本号: 3.2.10

浏览器平台: Chrome

浏览器版本: edge

项目创建方式: HBuilderX

示例代码:

{
"pages": [
{
"path": "pages/tabbar/index/index",
"style": {
"navigationBarTitleText": "主页",
"enablePullDownRefresh": false
}
},
{
"path" : "pages/huany/huany",
"style" :
{
"navigationBarTitleText": "智分享欢迎您",
"enablePullDownRefresh": false
}

    },  
    {  
        "path" : "pages/tabbar/gouw/gouw",  
        "style" :                                                                                      
        {  
            "navigationBarTitleText": "购物",  
            "enablePullDownRefresh": false  
        }  

    }  
    ,{  
        "path" : "pages/tabbar/wode/wode",  
        "style" :                                                                                      
        {  
            "navigationBarTitleText": "我的",  
            "enablePullDownRefresh": false  
        }  

    }  
    ,{  
        "path" : "pages/tabbar/zhid/zhid",  
        "style" :                                                                                      
        {  
            "navigationBarTitleText": "智点",  
            "enablePullDownRefresh": false  
        }  

    }  
],  
"globalStyle": {  
    "navigationBarTextStyle": "black",  
    "navigationBarTitleText": "智分享",  
    "navigationBarBackgroundColor": "#dbffe1",  
    "backgroundColor": "#F8F8F8",  
    // "allowsBounceVertical":"NO",//是否允许向下拉拽。支持 YES / NO  
    // #ifdef H5  
    "navigationStyle":"custom", //设置是否要导航栏   
    // #endif  
    "maxWidth":375  
},  
"tabBar": {  
   "color": "#7A7E83",  
   "selectedColor": "#ff0000",  
   "borderStyle": "white",  
   // "position":"top",  
   "backgroundColor": "#dbffe1",  
   // #ifdef H5 || APP-PLUS  
   "fontSize":"14px",  
   // #endif  
    "list": [  
        {  
            "pagePath": "pages/tabbar/index/index",  
            "iconPath": "static/fls.png",  
            "selectedIconPath": "static/fl.png",  
            "text": "主页"  
        },   
        {  
            "pagePath": "pages/tabbar/zhid/zhid",  
            "iconPath": "static/tss.png",  
            "selectedIconPath": "static/ts.png",  
            "text": "智点"  
        },  
        {  
            "pagePath": "pages/tabbar/gouw/gouw",  
            "iconPath": "static/gws.png",  
            "selectedIconPath": "static/gw.png",  
            "text": "购物车"  
        },  
        {  
            "pagePath": "pages/tabbar/wode/wode",  
            "iconPath": "static/xxs.png",  
            "selectedIconPath": "static/xx.png",  
            "text": "信息"  
        }  
    ]  
},  
"condition" : { //模式配置,仅开发期间生效  
    "current": 0, //当前激活的模式(list 的索引项)  
    "list": [  
        {  
            "name": "", //模式名称  
            "path": "", //启动页面,必选  
            "query": "" //启动参数,在页面的onLoad函数里面得到  
        }  
    ]  
}  

}

操作步骤:

..

预期结果:

..

实际结果:

..

bug描述:

vue3 设置 "maxWidth":375 edge浏览器tabBar 显示为全屏,vue2 设置 "maxWidth":375 edge浏览器tabBar 显示为375px,

2021-10-13 19:50 负责人:无 分享
已邀请:
DCloud_UNI_Anne

DCloud_UNI_Anne

问题复现,后续优化,已加分,感谢您的反馈!

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