只在图像上应用一个条件，即零Rails 4

Question

我刚开始使用Rails，所以我的代码可能很难看..

我有一个循环，它在我的索引页面上给出了3种最新的articles。

我添加了一个条件：“如果在我的文章中没有图像，给我一个图像从不溅”。

问题是:即使3幅图像中有2幅存在，这也适用于3幅图像的条件。我想要的只有图像，是零，得到不飞溅的图像。我怎么能做到呢?

<% @articles.last(3).in_groups_of(3, false).each do |group| %>
    <div class="row">
      <% group.each do |article| %>
        <% if article.image.exists? %>
          <div class="col-xs-12 col-sm-4">
            <div class="card">
              <style media>
                .card { background: linear-gradient(-225deg, rgba(30,30,30,0.6) 30%, rgba(46,46,46,0.5) 80%), url("<%= article.image.url(:medium) %>"); }
              </style>
              <img src="<%= article.user.image.url(:thumb) %>" alt="" class="avatar-small card-user">
              <div class="card-description">
                <a href="<%= articles_path(article.slug) %>"><h3><%= article.title %></h3></a>
                <p><%= truncate(article.subtitle, length: 45, escape: false) %></p>
              </div>
            </div>
          </div>
     <% else %>
          <div class="col-xs-12 col-sm-4">
            <div class="card">
              <style media>
                .card { background: linear-gradient(-225deg, rgba(30,30,30,0.6) 30%, rgba(46,46,46,0.5) 80%), url("http://unsplash.it/1280/500/?random"); }
              </style>
              <img src="<%= article.user.image.url(:thumb) %>" alt="" class="avatar-small card-user">
              <div class="card-description">
                <a href="<%= articles_path(article.slug) %>"><h3><%= article.title %></h3></a>
                <p><%= truncate(article.subtitle, length: 45, escape: false) %></p>
              </div>
            </div>
          </div>
      <% end %>
    <% end %>
  </div>
<% end %>

我的控制器：

class PagesController < ApplicationController
  def index
    @articles = Article.last(3)
  end
end

非常感谢你的帮助！

Answer 1

我终于发现了错误。

<style media>才是问题所在。

我终于这样做了：

<% @articles.last(3).in_groups_of(3, false).each do |group| %>
    <div class="row">
      <% group.each do |article| %>
          <div class="col-xs-12 col-sm-4">
              <a href="<%= articles_path(article.slug) %>"><div style="background: linear-gradient(-225deg, rgba(30,30,30,0.6) 30%, rgba(46,46,46,0.5) 80%), url('<%= article.image.url(:thumb) %>');" class="card">
                <img src="<%= article.user.image.url(:thumb) %>" alt="" class="avatar-small card-user">
              <div class="card-description">
                <h3><%= article.title %></h3>
                <p><%= truncate(article.soustitre, length: 45, escape: false) %></p>
                </div>
              </div>
          </div></a>
        <% end %>
    </div>
  <% end %>

​

现在，3篇最新的文章显示在我的索引页面上。我添加了一个默认的图像与回形针，并撤回条件if else。