在pages.json的tabBar节点下添加midButton节点，代码如下：
"midButton": {
"width": "136rpx",
"height": "150rpx",
"text": "凸起",
"iconPath": "/static/template.png",
"iconWidth": "116rpx"
}
mu0918
- 发布：2022-06-14 20:57
- 更新：2022-06-16 11:05
- 阅读：400
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： Windows 10 专业版
HBuilderX类型： 正式
HBuilderX版本号： 3.4.15
手机系统： Android
手机系统版本号： Android 11
手机厂商： 小米
手机机型： Redmi K30 Pro Zoom Edition
页面类型： vue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
使用HBuilderX创建新项目，选择Hello模板，然后在pages.json的tabBar节点下添加midButton节点，代码如下：
"midButton": {
"width": "136rpx",
"height": "150rpx",
"text": "凸起",
"iconPath": "/static/template.png",
"iconWidth": "116rpx"
}
使用HBuilderX创建新项目，选择Hello模板，然后在pages.json的tabBar节点下添加midButton节点，代码如下：
"midButton": {
"width": "136rpx",
"height": "150rpx",
"text": "凸起",
"iconPath": "/static/template.png",
"iconWidth": "116rpx"
}预期结果：
真机运行Hello模板项目，底部TAB中间按钮凸起
真机运行Hello模板项目，底部TAB中间按钮凸起
实际结果：
真机运行Hello模板项目，底部TAB没有凸起按钮，只有list节点中的四个按钮
真机运行Hello模板项目，底部TAB没有凸起按钮，只有list节点中的四个按钮
bug描述：
APP真机运行midButton不生效
mu0918 (作者)
感谢，找到原因了，不用使用rpx为单位
2022-06-16 16:40