将 erb 转换为苗条后，停止显示图片

Question

我有一个 erb 文件，我想将其转换为 slim;转换后，图片显示停止。

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

<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)
| )' >
a href='' 
= portfolio.web_address
| ' target="_blank">
.flex-container-info

Answer 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"}