html - 根据数据库值将不同的背景颜色设置为局部

尝试根据其type为不同的部分制作不同的颜色；到目前为止，共有3种类型，所有类型均由整数1，2或3定义，我正在努力寻找一种方法，以使视图中的局部图像以不同的背景色显示。我正在尝试为1获得红色，为2获得蓝色，为3获得绿色。我尝试了多种方法，但似乎都没有效果。

我试过制作before_action :set_colours，在部分中使用if语句，但到目前为止没有任何效果。

这是html，调用type将像o.type

<div class="dropdown" style="background-color: <%= set_background(number) %>;">
  <button class="btn  btn-block" type="button" id="dropdownMenuButton"
   data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <%=o.id%>, <%=o.user_id%>
  </button>
  <div class="dropdown-menu btn-block" aria-labelledby="dropdownMenuButton">
    <li><a class="dropdown-item">Order Type</a></li>
    <li><a class="dropdown-item"> Event type:</a> <p><%=o.event_type%></p></li>
    <li><a class="dropdown-item"> Requirements/Ideas</a> <p><%=o.description%></p></li>
  </div>
</div>

最佳答案

您可以使用一个根据类型返回所需颜色的帮助程序，例如：

def set_background_color(type)
  case type
  when 1 then "red"
  when 2 then "blue"
  when 3 then "green"
  end
end

然后使用它通过div属性设置style的背景颜色，如下所示：

<div class="dropdown" style="background-color: <%= set_background_color(o.type) %>;">
  <!-- ... -->
</div>

关于html - 根据数据库值将不同的背景颜色设置为局部，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/45254468/