ruby-on-rails – 在HAML中插入SASS作为背景图像: – > Rails中的对象

前端之家收集整理的这篇文章主要介绍了ruby-on-rails – 在HAML中插入SASS作为背景图像: – > Rails中的对象前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图让每个列表项的背景图像依赖于它链接到哪个对象!不应该太难,但我无法弄清楚如何在SASS中做到这一点.这是我从HAML的尝试,因为那是我将迭代不同设施的集合:

应用程序/视图/设备/ index.html.haml

#facility
  - @facilities.each do |facility|
    %ul#facilities
      %li
        :sass
          background-image: url(#{image_tag "logos/#{facility.image}.jpg"})
        = link_to facility.name,facility_path(facility)

但我得到的错误如下所示:

错误

“url(”:expected“)”之后的CSS无效,是“< img alt =”Thebi ...“Arounnd第6行
对于其中一个生成的图像.

它不可能这么难……可以吗?任何帮助是极大的赞赏.

解决方法

不要使用sass,你将支付重大的性能损失,没有任何好处.只需使用内联html样式:
#facility
  - @facilities.each do |facility|
    %ul#facilities
      %li{:style => "background-image: url(#{image_path "logos/#{facility.image}.jpg"})"}
        = link_to facility.name,facility_path(facility)

猜你在找的Ruby相关文章