@Component
struct GrayScalePage {
build() {
Column() {
// 使用 CSS 样式来实现页面变灰
.style({
"filter": "grayscale(100%)",
}) {
// 页面的其他内容
Text("这是页面内容")
}
}
}
}
以上通过style实现变灰的效果,已经不支持了吗?如果不支持的话,目前有其他方式可以实现类似效果吗
您可以在根组件后加一个通用属性.grayscale(1)
文档链接:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-universal-attributes-image-effect-V5\#grayscale