css - Coffeescript Dashing 小部件背景色

Question

大家，早安，

我目前正在尝试更改我的小部件的背景颜色。不知何故，它只是行不通。

这是我的工作文件提供的内容：

return_array.push({value: value, label: row[0], color: color})

network = status_array[0..1] # This is pretty much return_array

send_event('network', {items: network[0]}) # sending data to the widget with data-id network

我正在使用的小部件是列表小部件。

这是我的 Coffeescript 文件的样子：

class Dashing.List extends Dashing.Widget

onData: (data) ->
  color = data.items.color
  $(@node).addClass "#{color}"

 ...

颜色提供“红色”或“绿色”

在我的 css 文件中，我得到了这样的设置：

.green {
  background-color: $background-color;
}

.red {
 background-color: #f13a2a;
}

有谁知道为什么它不会添加课程？我可以提醒颜色并取回红色/绿色的值

Answer 1

尝试

onData: (data) =>
  color = data.items.color
  $(@node).addClass "#{color}"