4***@qq.com
4***@qq.com
  • 发布:2019-09-16 20:33
  • 更新:2019-09-16 23:10
  • 阅读:3050

【报Bug】设置导航栏和 tabBar的背景颜色透明无效

分类:uni-app

详细问题描述

(DCloud产品不会有明显的bug,所以你遇到的问题大都是在特定环境下才能重现的问题,请仔细描述你的环境和重现方式,否则DCloud很难排查解决你的问题)

[内容]

uni.setNavigationBarColor({  
     frontColor: '#000000',  
     backgroundColor: '#ffff0000',  
})  
uni.setTabBarStyle({  
    backgroundColor: '#ffff0000',  
    borderStyle: 'white'  
})

重现步骤

[步骤]
设置导航栏和 tabBar的背景颜色 透明图没效果 只截取了颜色值的后6位
比方说 颜色值位#ffff0000应该是白色透明 但是只截取了#ff0000 结果显示红色
[结果]

[期望]

[如果语言难以表述清晰,拍一个视频或截图,有图有真相]

IDE运行环境说明

[HBuilder 或 HBuilderX。如果你用其他工具开发uni-app,也需要在此说明]
HBuilderX
[IDE版本号]
2.2.2.20190816
[windows版本号]

[mac版本号]

uni-app运行环境说明

[运行端是h5或app或某个小程序?]

[运行端版本号]

[项目是cli创建的还是HBuilderX创建的?如果是cli创建的,请更新到最新版cli再试]

[编译模式是老模板模式还是新的自定义组件模式?]

App运行环境说明

[Android版本号]

[iOS版本号]

[手机型号]

[模拟器型号]

附件

[IDE问题请提供HBuilderX运行日志。菜单帮助-查看运行日志,点右键打开文件所在目录,将log文件压缩成zip包上传]

[App问题请提供可重现问题的代码片段,你补充的细一点,问题就解决的快一点]

[App安装包或H5地址]

[可重现代码片段]

联系方式

[QQ] 416867448

2019-09-16 20:33 负责人:无 分享
已邀请:
1***@qq.com

1***@qq.com

哈哈

DCloud_heavensoft

DCloud_heavensoft

原生tabbar不支持透明,它下面也没内容,内容区是在tabbar上面的。除非你自己做一个tabbar组件,不用原生的tabbar。如果自己做,用nvue做性能好一些。
至于导航栏,有一种float模式是支持设背景透明的,在pages.json的文档里搜下,建议使用rgba的方式设透明效果。

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