Question

我想在圈子中使用3个字母的首字母缩略词而不是图标。这是CodePen link。

%nav.menu
  %input#menu-toggler.menu-toggler{:type => "checkbox", :checked => "checked"}
  %label{:for => "menu-toggler"}
  %ul
    %li.menu-item
      %a.fa.fa-facebook{:href => "https://www.facebook.com/", :target => "_blank"}
    %li.menu-item
      %a.fa.fa-google{:href => "https://www.google.com/", :target => "_blank"}
    %li.menu-item
      %a.fa.fa-dribbble{:href => "https://dribbble.com/", :target => "_blank"}
    %li.menu-item
      %a.fa.fa-codepen{:href => "https://codepen.io/", :target => "_blank"}
    %li.menu-item
      %a.fa.fa-linkedin{:href => "https://www.linkedin.com/", :target => "_blank"}
    %li.menu-item
      %a.fa.fa-github{:href => "https://github.com/", :target => "_blank"}
    %li.menu-item
      %a.fa.fa-github{:href => "https://github.com/", :target => "_blank"}

Answer 1

删除类并在'}'

之后插入字母

%li.menu-item
      %a{:href => "https://www.facebook.com/", :target => "_blank"} A

如何用文字替换这些图标呢？

1 个答案: