将erb转换为slim后，停止显示图片答案

【问题标题】：After converting erb to slim, stops displaying the picture将erb转换为slim后，停止显示图片
【发布时间】：2018-09-21 08:43:08
【问题描述】：

我有一个想要转换为 slim 的 erb 文件；转换后图片停止显示。

有人对如何解决这个问题有任何想法吗？我查看了文档，但无法确定下一步该做什么。

<div class='flex-container--galleria-and-rectangle'>
    <div class='galleria flex-item--galleria-and-rectangle'>
        <% @project.shuffle.first(6).each do |portfolio| %>
        <div class="flex-container" style="float:left">
            <div class='flex-item img-project rectangle-and-text-hover' style="background-image: url(<%= image_path(portfolio.image_url) %>)" >
                <a href='<%= portfolio.web_address %>' target="_blank">

section#portfolio
  .portfolio
    .container.content
      .col-xs-12
        .row
          .col-xs-10.col-xs-offset-1
            .title
              p.last last
              p.projects projects
        .row
          .col-xs-10.col-xs-offset-1
            .wrapper--galleria-rectangle
              .flex-container--galleria-and-rectangle
                .galleria.flex-item--galleria-and-rectangle
                  - @project.shuffle.first(6).each do |portfolio|
                    .flex-container style="float:left" 

                      = image_path(portfolio.image_url)
                      | )' &gt;
                      a href='' 
                      = portfolio.web_address
                      | ' target="_blank"&gt;
                      .flex-container-info

【问题讨论】：

您最近也问过这个问题的另一个版本。 stackoverflow.com/questions/52438274/…
是的，但是问题不一样，我在文档里写了找不到，另外一个block的问题，求你不要双标了。
您的转换效果如何？
我去转换器站点进行转换，然后链接和图像停止工作，如果在最后一个问题中我了解如何建立链接，那么图像不存在。

标签： ruby-on-rails slim-lang

【解决方案1】：

你可以用下面的语法解决这个问题

.flex-item.img-project.rectangle-and-text-hover{style: "background-image: url(#{image_path(portfolio.image_url)})"}
  %a{href: "#{portfolio.web_address}", target: "_blank"}

【讨论】：