uni-app NVUE 页面开启安卓系统高对比度文字功能后字体颜色无法显示

uni-app NVUE 页面开启安卓系统高对比度文字功能后字体颜色无法显示

操作步骤：

NVUE 页面开启安卓系统的高对比度文字的系统功能后不能显示字体的颜色

预期结果：

显示颜色

实际结果：

NVUE 页面开启安卓系统的高对比度文字的系统功能后不能显示字体的颜色

bug描述：

在NVUE 页面开启安卓系统的高对比度文字的系统功能后不能显示字体的颜色
在VUE页面正常

Image


更多关于uni-app NVUE 页面开启安卓系统高对比度文字功能后字体颜色无法显示的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app NVUE 页面开启安卓系统高对比度文字功能后字体颜色无法显示的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这是一个已知的 NVUE 渲染引擎在高对比度模式下的兼容性问题。当系统开启高对比度文字功能时，NVUE 页面会忽略 CSS 中设置的字体颜色，采用系统默认的高对比度配色方案。

目前可以通过以下方式临时规避：

  1. 在页面样式文件中添加 !important 强制指定颜色：
.text-color {
    color: #your-color !important;
}
  1. 使用条件编译针对 Android 平台单独处理样式：
/* #ifdef APP-NVUE */
[@media](/user/media) (prefers-contrast: high) {
    .text-element {
        color: your-fallback-color;
    }
}
/* #endif */
回到顶部