ruby-on-rails - Rails 中的高级样式表

标签 ruby-on-rails css ruby-on-rails-4

enter image description here

我想为我的博客实现类似的设计,所以在我看来,我的第一篇文章就是这样做的 <%if @posts.first == post %> class="first-post" <%end%>现在我想区分第三个 5 7 ... 帖子和 2 4 .. 帖子我该怎么做?

最佳答案

您可以弹出数组中的第一个对象:

post = @posts.pop

然后你就可以用它做你喜欢的事了。也许渲染部分。然后你可以遍历剩余的帖子。如果您需要精细控制,您可以使用数组 slice:

<% @posts.each_slice(2) do |slice| %>
  <div class="row">
    <% slice.each do |post| %>
      <div class="item">
        show item here
      </div>
    <% end %>
  </div>
<% end %>

这会将数组分成两组,让您可以更精细地控制布局。

或者,建议改进 msanteler 的回答:

<% @posts.each_with_index do |post, i| %>
  <% if i == 0 %>
    show stuff
  <% elsif i.even? %>
    show stuff
  <% else %>
    show stuff
  <% end %>
<% end %>

关于ruby-on-rails - Rails 中的高级样式表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23549123/

相关文章:

html - 将一项从 float 定位更改为固定定位,CSS

php - HTML 表单中的文本输入不会显示

ruby-on-rails-4 - Ember-cli 实现自定义序列化器

css - 导航到另一个 Rails 应用程序后,临时应用来自一个 Rails 应用程序的 Assets

ruby-on-rails - 定期延迟工作

javascript - Protractor - 按任何属性查找元素

ruby-on-rails - 更改 ActiveRecord 语句缓存默认 Rails

ruby-on-rails - Stripe token 未转移到 Controller rails 4

ruby-on-rails - Rails 4 路由 : using namespaces with dynamic segments

mysql - 在 Rails 中,是否有其他解决方案可以将列添加到数据库中的大表中?