从erb转换为slim后，样式不起作用

Question

我将erb文件翻译成slim，结果，窗口中的图片开始显示地址，我该如何修复它呢？

.col-xs-12.right-content-block
  .faces.slider-team-slick-js
    - @development.each do |developer|
      .col-xs-4
        .flex-item.animated.fadeInDown.rectangle-and-text-hover.img-face
          | , style='background-image: url(#{image_path(developer.image_url)});' >
              .text
                p.name= developer.name
                   .horizontal-line
                    p.specialization= developer.title

在文本的位置应该有一张图片。

​

更新。

我在这帮了忙。

.col-xs-12.right-content-block
  .faces.slider-team-slick-js
    - @development.each do |developer|
      .col-xs-4
        .flex-item.animated.fadeInDown.rectangle-and-text-hover.img-face style="background-image: url(#{image_path(developer.image_url)})" 
          .text 
            p.name = developer.name
            .horizontal-line
            p.specialization= developer.title

Answer 1

您可以用""替换''

然后键入以下几行：

.col-xs-12.right-content-block
  .faces.slider-team-slick-js
    - @development.each do |developer|
      .col-xs-4
        .flex-item.animated.fadeInDown.rectangle-and-text-hover.img-face style="background-image: url(#{image_path(developer.image_url)});">
          .text
            p.name = developer.name
              .horizontal-line
              p.specialization= developer.title