为每个类别指定一个图标

时间:2018-03-02 17:21:09

标签: css ruby-on-rails ruby haml

我正在尝试找出为每个类别分配图标的最有效方法。在我的主页上,我想列出数据库中的12个随机类别,但我还想为每个类别返回一个特定的图标。我的想法是为每个链接指定一个唯一的class name,例如category_{name of the category},并返回带有::before样式的图标。但在我看来,必须有一种更好的方法,因为::before并不是无处不在。

我做了一些研究,但没有发现任何具体的内容。有人可以给出建议或示例吗?感谢您的帮助和时间。

以下是我想要做的一个例子: enter image description here

我的for_loop

- @books.each do |b|
  .col-xs-2
    = link_to book_path(b), class: "c-link--block" do
      .c-card__book
        .c-card__book__cover(style="background-image: url('#{b.avatar}')")
          .c-card__book__header
            %h5(class="c-heading--4") #{b.name}
            %p(class="c-text--3") #{b.subcategory.name}

0 个答案:

没有答案