Question

可能是一个天真的' - 但我有点坚持如何在面漆图标按钮中添加一个图标。我正在创建一个带有删除和修改按钮的动态列表（我想成为图标）。任何帮助表示赞赏...

<button class="topcoat-icon-button">
    <span class="topcoat-icon" style="background-color:#A5A7A7;"></span>
</button>

Answer 1

这不是一个天真的，我也来自Bootstrap，挠我的头，找不到任何有用的文档。首先，您需要知道图标位于不同的存储库中：https://github.com/topcoat/icons

最简单的方法是使用字体。所以你需要来自该存储库的字体目录。 icomatic.html文件和js文件夹是图标展示，您不应该部署它们。 icomatic.js似乎是Unicode符号的回退机制，但据我所知，它适用于DOM替换，因此可能需要一些调整才能与AngularJS一起工作。如果你不需要后备，你也可以删除它。

然后你需要做必要的HTML“includes”，假设icomatic文件在lib / icomatic上可用：

<link rel="stylesheet" href="lib/icomatic/icomatic.css"/>

然后，您可以使用icomatic类和字形，例如，将所有这些应用于您的示例。 “提醒”：

<button class="topcoat-icon-button">
    <span class="topcoat-icon icomatic" style="background-color:#A5A7A7;">alert</span>
</button>

它仍然需要一些样式，但至少你应该看到一个图标。

我如何使用topcoat图标按钮中的图标？

1 个答案: