【问题标题】:Where is the list of names of pictos font icons in sencha touch 2.4sencha touch 2.4 pictos字体图标名称列表在哪里
【发布时间】:2016-10-11 10:49:49
【问题描述】:

在 sencha touch 文档和论坛中,我找不到 96 个 pictos 字体图标的名称列表,我应该在 icon() mixin 中传递以导入图标。如下例所示:

@include 图标('搜索');

【问题讨论】:

    标签: sencha-touch senchatouch-2.4


    【解决方案1】:

    如果您打开触摸分发文件,您可以找到所有这些令牌的完整列表 touch/resources/themes/stylesheets/sencha-touch/base/mixins/_Class.scss, 第 393 行(最后一个发行版),函数 @function icon-character-for-name($name)

    这里是对 pictos 网站的引用:http://pictos.cc/classic/font

    【讨论】:

    • 谢谢@olegtaranenko。我不知道为什么 sencha touch API 文档中缺少此信息。
    【解决方案2】:

    对于 2.4.2

    寻找@function icon-character-for-name($name) 这里: http://docs.sencha.com/touch/2.4/2.4.2-apidocs/source/_Class.scss2.html#Global_CSS-css_mixin-icon

    图标位于http://pictos.cc/font/

    记得在你的scss中@include icon('icon name');

    【讨论】:

      【解决方案3】:

      @olegtaranenko 的回答对人们很有帮助。

      如果你愿意,可以使用我制作的这个 Gist。

      也许你已经知道了,但如果你想使用自定义图标...

      @include icon('name', 'a', 'icon-font-name');
      

      https://gist.github.com/Trozdol/e1239391e06cce4fd767.js

      【讨论】:

      • 不仅仅是自定义图标,还可以使用该签名包含一个 pictos 图标,例如:@include icon('someanchor', 'a', 'pictos'); 将包含参考名称为“someanchor”的锚图标。感谢列表@Trozdol
      • 重新阅读我的帖子,我意识到我忘了澄清这一点。哎呀
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2011-10-07
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多