如何在Ruby On Rails中为构建网格创建帮助器

Question

我正在使用rails4/ruby2和haml，尝试使用帮助器构建网格布局 所以我在haml：

中有这个网格结构

#container
  .column
    #title
    .thumb
      = link_to '', title: '' do
        = image_tag '', alt: '', size: '196x196'
        %span.caption
          %p.title

    .thumb
      = link_to '', title: '' do
        = image_tag '', alt: '', size: '196x196'
        %span.caption
          %p.title

  .column
    #title
    .thumb
      = link_to '', title: '' do
        = image_tag '', alt: '', size: '196x196'
        %span.caption
          %p.title

    .thumb
      = link_to '', title: '' do
        = image_tag '', alt: '', size: '196x196'
        %span.caption
          %p.title

有人可以帮我建立一个帮助来构建这个网格结构吗？我想这样做是因为不要DRY多次重复元素

Answer 1

使用each_slice！假设您有一系列图像：

- images.each_slice(2) do |image_column|
  .column
    #title
    - image_column.each do |image|
      .thumb
        = link_to '', title: '' do
          = image_tag image.path, alt: '', size: '196x196'
          %span.caption
            %p.title