详细问题描述
[内容] web2app工程在iphone xs max TabBar只能显示下半部分
[如果语言难以表述清晰，拍一个视频或截图，有图有真相]
下图上部分是错误截图，下部分是手工修正后的。
IDE运行环境说明
[HBuilder 或 HBuilderX。如果你用其他工具开发uni-app，也需要在此说明]
hbuilderx 1.9.4.20190426
[iOS版本号] 系统：IOS 12.1.4
[手机型号] 苹果 iPhone XS Max
附件
[IDE问题请提供HBuilderX运行日志。菜单帮助-查看运行日志，点右键打开文件所在目录，将log文件压缩成zip包上传]
[App问题请提供可重现问题的代码片段，你补充的细一点，问题就解决的快一点]
[App安装包或H5地址]
[可重现代码片段]
client_index.html代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title></title>
<!--使用本地选项卡时，将如下两行代码注释取消-->
<link rel="stylesheet" type="text/css" href="wap2apptabbar.css" />
<style type="text/css">
/自定义选项卡文字颜色示例/
.tab-item {
color: black;//选项卡文字默认为黑色
}
.tab-item.active {
color: red;//选项卡文字高亮时为蓝色
}
.tab-inner {
background-color: #f7f7f7;
box-shadow: none;//0 0 1px #FF0000;
-webkit-box-shadow: none;//0 0 1px #FF0000;
border-top: none;//1px solid #0000ff;
}
</style>
<script src="wap2apptabbar.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<script>
new TabBar({
list: [{
url: "http://m.xintuocn.com/",
text: "首页",
iconPath: 'http://m.xintuocn.com/statics/app/images3/float-nav-style1.png',
selectedIconPath: 'http://m.xintuocn.com/statics/app/images3/float-nav-style1s.png'
}, {
url: "http://m.xintuocn.com/xtbk/",
text: "文章",
iconPath: 'http://m.xintuocn.com/statics/app/images3/float-nav-style4.png', //本地图标
selectedIconPath: 'http://m.xintuocn.com/statics/app/images3/float-nav-style4s.png'
}, {
url: "http://m.xintuocn.com/gsdt/xtgs/",
text: "机构",
iconPath: 'http://m.xintuocn.com/statics/app/images3/float-nav-style2.png',//网络图标
selectedIconPath: 'http://m.xintuocn.com/statics/app/images3/float-nav-style2s.png'
}, {
url: "http://m.xintuocn.com/xtcp/",
text: "咨询",
iconPath: 'http://m.xintuocn.com/statics/app/images3/float-nav-style3.png',//网络图标
selectedIconPath: 'http://m.xintuocn.com/statics/app/images3/float-nav-style3s.png'
}]
});
</script>
</body> </html>‘
tabbar配置如下：
"tabBar": {//选项卡配置，仅首页支持
"height": "50px",//选项卡高度，默认为50px
"list": [
{
"url": "http://m.xintuocn.com",
"url": "http://m.xintuocn.com/"
}, {
"url": "http://m.xintuocn.com/hyzx/",
"url": "http://m.xintuocn.com/research/",
"url": "http://m.xintuocn.com/xtbk/"
}, {
"url": "http://m.xintuocn.com/gsdt/zggs/",
"url": "http://m.xintuocn.com/gsdt/xtgs/"
}, {
"url": "http://m.xintuocn.com/about/aboutapp.html",
"url": "http://m.xintuocn.com/zgcp/",
"url": "http://m.xintuocn.com/fund/",
"url": "http://m.xintuocn.com/pe/",
"url": "http://m.xintuocn.com/xtcp/"
}
]
}
联系方式
http://www.xintuocn.com
[QQ]
