安卓自定义基座使用媒体查询@media (prefers-color-scheme: dark)设置样式
1***@163.com
- 发布：2024-05-24 19:09
- 更新：2024-06-29 00:34
- 阅读：127
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： Windows 11 家庭中文版23H2
HBuilderX类型： 正式
HBuilderX版本号： 4.15
手机系统： Android
手机系统版本号： Android 11
手机厂商： google
手机机型： pixel 2XL
页面类型： vue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
操作步骤：
预期结果：
当处于darckmode时媒体查询中的样式生效
当处于darckmode时媒体查询中的样式生效
实际结果：
媒体查询@media (prefers-color-scheme: dark)中的样式不生效
媒体查询@media (prefers-color-scheme: dark)中的样式不生效
bug描述：
手机在开启darkmode后，使用媒体查询@media (prefers-color-scheme: dark)，在安卓不生效，IOS正常生效，安卓端使用theme.json配置的tabbar的darkmode颜色正常生效。经过排查后发现，使用自定义调试基座运行则媒体查询不生效，使用标准基座运行后，发现媒体查询可以正常生效。自定义基座是5月23号新打的。
1***@163.com (作者)
AppID在帖子的机密信息中有
2024-05-28 19:15
DCloud_Android_THB
回复 1***@163.com: 你是否设置了darkmode:true？
2024-05-30 12:16
DCloud_Android_THB
回复 1***@163.com: 具体的示例 https://ext.dcloud.net.cn/plugin?name=hello-darkmode 可以参考配置一下
2024-05-30 12:24
1***@163.com (作者)
回复 DCloud_Android_THB: 设置了的，page.json中配置的darkmode的 tabbar以及navbar的颜色是正常的
2024-06-05 15:10
DCloud_Android_THB
回复 1***@163.com: 你弄个复现的demo传给我一下。
2024-06-06 11:17