详细问题描述
首页使用的的page.json中配置的头部导航, 使用titleNView.type = 'transparent'时, background-color有问题
{
"path": "pages/home/home",
"style": {
// #ifdef MP
"navigationBarTitleText": " ",
// #endif
// "navigationBarBackgroundColor": "#333333",
"app-plus": {
"titleNView": {
"type": "transparent",
"searchInput": {
"backgroundColor": "rgba(231, 231, 231,.7)",
"borderRadius": "16px",
"placeholder": "搜索API",
"disabled": true,
"placeholderColor": "#606266"
},
"buttons": [{
"fontSrc": "/static/iconfont.ttf",
"text": "\ue603",
"fontSize": "26",
"color": "#303133",
"float": "left",
"background": "rgba(0,0,0,0)"
},
{
"fontSrc": "/static/iconfont.ttf",
"text": "\ue610",
"fontSize": "26",
"color": "#303133",
"background": "rgba(0,0,0,0)"
// "redDot": true
}
]
}
}
}
},
重现步骤
当首页有滚动高度, 以使头部背景色从黑渐变到白色时, 点击页面按钮切换到其他页面, 再切换回来, 背景色将不是白色, 而是透明,检查发现, uni-page-head uni-page-head-transparent 的 background-color期望是 rgb(255,255,255,1),实际上是rgb(255,255,255,0),
在线demo
[运行端是h5或app或某个小程序?] h5
[运行端版本号] hbuilderx 2.4.6.20191210
2 个回复
DCloud_UNI_GSQ
bug 确认,已加分,后续修复
DCloud_UNI_GSQ
HBuilderX 2.6.3 alpha 已修复