ruby-on-rails – 在HAML中插入SASS作为背景图像： – > Rail

发布时间：2020-12-17 04:19:18 所属栏目：百科来源：网络整理

导读：我试图让每个列表项的背景图像依赖于它链接到哪个对象！不应该太难,但我无法弄清楚如何在SASS中做到这一点.这是我从HAML的尝试,因为那是我将迭代不同设施的集合：应用程序/视图/设备/ index.html.haml #facility - @facilities.each do |facility| %ul#faci

我试图让每个列表项的背景图像依赖于它链接到哪个对象！不应该太难,但我无法弄清楚如何在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-on-rails – 在HAML中插入SASS作为背景图像： – &gt; Rail

解决方法

ruby-on-rails – 在HAML中插入SASS作为背景图像： – > Rail