"tabBar":{
"color":"#888888", //tabBar 字体颜色
"selectedColor":"#333333", //tabBar 被选择选择颜色
"borderStyle":"black", //tabBar 上边框颜色
"backgroundColor":"#ffffff", //tabBar背景颜色
/* 最少2个 最多5个 导航项*/
"list":[
{
"pagePath":"pages/index/index",
"text":"首页",
"iconPath":"static/ds/s_12.png",
"selectedIconPath":"static/ds/s_1.png"
},
{
"pagePath":"pages/pacContract/pacContract",
"text":"合同管理",
"iconPath":"static/ds/n2_2.png",
"selectedIconPath":"static/ds/n2_1.png"
},
{
"pagePath":"pages/index/bookindex",
"text":"通讯录",
"iconPath":"static/ds/3-2.png",
"selectedIconPath":"static/ds/3-1.png"
},
{
"pagePath":"pages/index/myindex",
"text":"我的",
"iconPath":"static/ds/s_52.png",
"selectedIconPath":"static/ds/s_5.png"
}
],
"midButton": {
"text":"开始签约",
"width": "75px",
"height": "62px",
"iconPath": "static/ds/qianyue.png",
"iconWidth": "38px"
}
},
// 登录的状态下 点击中间凸起的按钮 触发检测操作
uni.onTabBarMidButtonTap((e) =>{
console.log('触发点击')
uni.showLoading({title: '加载中'});
})

- 发布:2022-04-19 17:07
- 更新:2022-04-19 20:55
- 阅读:249
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win10
HBuilderX类型: 正式
HBuilderX版本号: 3.3.13
手机系统: Android
手机系统版本号: Android 12
手机厂商: OPPO
手机机型: X3
页面类型: vue
vue版本: vue3
打包方式: 云端
项目创建方式: HBuilderX
示例代码:
操作步骤:
创建凸起tabbar,(华为、小米、vivo)安卓机型和iOS机型测试可以点击,OPPO机型点击没反应
创建凸起tabbar,(华为、小米、vivo)安卓机型和iOS机型测试可以点击,OPPO机型点击没反应
预期结果:
安卓机型和iOS机型测试都要可以点击
安卓机型和iOS机型测试都要可以点击
实际结果:
创建凸起tabbar,(华为、小米、vivo)安卓机型和iOS机型测试可以点击,OPPO机型点击没反应
创建凸起tabbar,(华为、小米、vivo)安卓机型和iOS机型测试可以点击,OPPO机型点击没反应
bug描述:
app底部增加凸起tabbar,点击无反应
