有些时候,我们希望能够让用户自定义网页的主题色,对于 Quasar 来说,特别是 primary
。更进一步,我们希望主题色分为多阶(好比提供的 red-1
,red-2
系列),均能同步改变。
Quasar 提供了 getCssVar
和 setCssVar
两个设置 CSS 变量的函数,其效果是在 DOM 根结点的 style 加上对应的变量声明。
例如 setCssVar("primary", "red")
,那么它会设置 --q-primary: red
,加上一个 --q-
前缀。这样所有的 primary color 都会变成设定的颜色。
Original...About 1 min