ruby-on-rails - 如何在投票页面中用“图像宽度”替换数字

Question

<form action="/votes/vote" method="post">
  <% for option in @vote.options %>
    <%= option.name %>
    <%= option.quantity %>
    <input type="checkbox" name="op[]" value="<%= option.id %>" /><br />
  <% end %>

  <input type="hidden" value="<%= @vote.id %>" name="id"/>
  <input type="submit" value="Submit" />
</form>

<%= option.quantity%>是票数；我想用更直观的图像替换它。如何？

选项1.数量=15；=>: =====15px（柱状图）======

选项1.数量=30；=>：=============30px（柱状图）===============

Answer 1

我不知道我是否理解你的问题，但如果你想要“更直观”的东西，那么像彩条一样创建 DIV 怎么样：

%div{:style => "background-color: green; height: 20px; width: #{option.quantity}px;"}
  = option.quantity

您当然可以用一些背景柱状图像替换颜色：

%div{:style => "background-image: url('some_columnar_image_path'); height: 20px; width: #{option.quantity}px;"}