Rails动态背景图像

时间:2014-11-07 23:12:47

标签: ruby-on-rails ruby ruby-on-rails-3

我在我的rails应用程序中有以下视图,但是id喜欢使它更整洁/干燥所以有没有办法将背景图像作为内联样式并将图像文件路径移动到rails辅助方法中,这样我就不会#39;在我的视野中有CSS。

视图

<%= link_to '#', class: "slide_#{slide.id}" do %>
  <span class="<%= "slide_text_#{slide.id}" %>"></span>
<% end %>

<style type="text/css">
  <%= ".slide_#{slide.id}" %> {
    background-image: url('<%= slide.mobile_background.url %>');
  }
  <%= ".slide_text_#{slide.id}" %> {
    background-image: url('<%= slide.mobile_text.url %>');
  }

  @media only screen and (min-width: 568px) {
    <%= ".slide_#{slide.id}" %> {
      background-image: url('<%= slide.desktop_background.url %>');
    }

    <%= ".slide_text_#{slide.id}" %> {
      background-image: url('<%= slide.desktop_text.url %>');
    }
  }
</style>

我想要实现的目标

<%= link_to '#', style: { background-image: "#{something}" } do %>
  <%= content_tag :span, style: { background-image: "#{something}" %>
<% end %>

0 个答案:

没有答案