"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
{
"path": "pages/index/index",
"style": {
"navigationStyle":"default",
"app-plus":{
"titleNView":{
"backgroundColor":"rgba(0,0,0,0.5)",
"type": "float",
"titleColor": "#000",
"titleSize":"30rpx",
"titleText":"动态",
"titleAlign":"left"
}
}
}
}
]
哈哈柚
- 发布：2021-11-25 15:55
- 更新：2022-11-14 14:49
- 阅读：1345
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： 10
HBuilderX类型： 正式
HBuilderX版本号： 3.2.16
手机系统： Android
手机系统版本号： Android 11
手机厂商： 小米
手机机型： 小米10至尊 miui12.5.21.11.3开发版
页面类型： vue
vue版本： vue3
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
创建一个默认模板的uni-app项目。在pages.json配置如上图设置。在manifest.json分别以vue2和vue3版本运行至手机端。
创建一个默认模板的uni-app项目。在pages.json配置如上图设置。在manifest.json分别以vue2和vue3版本运行至手机端。
预期结果：
vue2上rgba显示正常
vue2上rgba显示正常
实际结果：
vue3模式下backgroundColor为rgba时无效
vue3模式下backgroundColor为rgba时无效
bug描述：
pages.json配置
"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
{
"path": "pages/index/index",
"style": {
"navigationStyle":"default",
"app-plus":{
"titleNView":{
"backgroundColor":"rgba(0,0,0,0.5)",
"type": "float",
"titleColor": "#000",
"titleSize":"30rpx",
"titleText":"动态",
"titleAlign":"left"
}
}
}
}
]titleNView中backgroundColor表现在vue2和vue3上不一致。vue3 "type": "float" ，设置backgroundColor为rgba没有效果
bctop
nvue vue3 setup
下 也还是不行 Android 真机运行
2022-08-18 17:55
bctop
回复 bctop:
type = float下 backgroundColor 这个属性会失效 无论 #333 还是 rgba
2022-08-18 17:58
哈哈柚 (作者)
测试了一下还未解决
2022-10-28 14:53
DCloud_UNI_WZF
回复 bctop: #333333试下,目前限制 #后跟6位数字或字母，后续会优化
2022-11-02 22:25
bctop
回复 DCloud_UNI_WZF: 嗯 是的 如你所说 ”#000000“ 是可以的。但 'rgba(0,0,0,0)'无效
2022-11-03 17:28