更改 Quasar 通知图标颜色

Question

我有一个由 Quasar notify 显示的通知，其中包含一个图标。如何更改该图标的颜色？

我无法通过常规选项找到方法

我不想使用来自调用者的纯 CSS，因为我在多个地方使用它并创建了一个服务来显示

我尝试使用 html: true 选项，但在消息中如果我使用 <q-icon> 它不会呈现

static notify(text: string) {
  Notify.create({
    message: text,
    icon: 'check_circle',
    position: 'top-right'
  });
}

Answer 1

您可以做一件事创建 class 更改图标颜色并在默认情况下添加 class。

import { Notify } from 'quasar'

Notify.setDefaults({
  classes:'Your class'
})

Change Quasar Notify icon color