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

Question

尝试根据它们的类型为不同的部分制作不同的颜色；到目前为止，共有 3 种类型全部由整数 1、2 或 3 定义，我正在努力寻找一种方法来制作偏音 View 以不同的背景颜色出现。我正在尝试为 1 获取 Red，为 2 获取 Blue，为 Green 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>

Answer 1

您可以使用一个助手来根据类型返回您需要的颜色，例如:

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

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

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