Question

好吧，我正在使用“font-awesome-rails”gem。我非常习惯在Rails之外使用font-awesome，但我想它在Rails社区中并不受欢迎。

安装后，它会使用格式

创建图标

<i class="nameoftheicon"> </i>

我想过将它用于我的网站徽标，它包含来自font-awesome和一些文本的图标。所以我试过了：

<%= link_to "", root_path, class: "icon-puzzle-piece icon-2x" %>
<%=  link_to "My site", root_path, id: 'logo'  %>

它有效，但当我悬停时，它们充当两个不同的元素。

在单个<a>标记下组合图像和文本的Rails方式是什么。
是否有任何流行的Rails替代font-awesome？

Answer 1

将一个块传递给link_to，该块将被链接

<%= link_to path, id: "logo" do %>
  <i class="icon-puzzle-piece icon-2x"></i>
  My Super Site
<% end %>

Answer 2

试试吧，

您可以直接在link_to中提及rails image_tag，

<%= link_to image_tag("image_name")+"your text", root_path, :class=>"icon-puzzle-piece icon-2x" %>

Answer 3

是的，你可以。对于复杂锚点（如图像），只需删除第一个参数（链接文本或锚点），然后在方法后附加一个块。

link_to(root_path){<i class="icon"></i>}

块内的内容将成为锚点。

Answer 4

嘿伙计这是一个很好的链接w /图像的方式（它有很多道具，如果你想要css属性，例如替换“alt”或“title”等）

<%= link_to image_tag("#{request.ssl? ? @image_domain_secure : @image_domain}/images/linkImage.png", {:alt=>"Alt title", :title=>"Link title"}) , "http://www.site.com"%>

希望这有帮助！

Answer 5

是的，您使用矢量字体作为图像，但您也可以使用image_tag，例如：

<%= link_to user_root_path, :class=> "user" do
      image_tag("image.jpg", :alt => current_user.name) +
      t("dashboard.my_account")
    end %>

请勿忘记将这两者与＆＃34; +＆＃34;

联系在一起

我可以使用link_to链接图像和文本

5 个答案: