用于破折号小部件的自定义背景图标答案

【问题标题】：Custom background icon for dashing widget用于破折号小部件的自定义背景图标
【发布时间】：2014-12-20 07:02:53
【问题描述】：

我正在制作 Dashing 小部件以显示来自 Jenkins CI 服务器的统计信息。我想将 Jenkins 徽标图标设置为小部件背景图标。目前，官方 Font Awesome 中不包含 Jenkins 徽标图标（https://github.com/FortAwesome/Font-Awesome/issues/3714，https://github.com/FortAwesome/Font-Awesome/issues/1529）。

Dashing 框架很灵活，我认为必须有一个解决方案来将自定义图标设置为小部件背景。但现在我无法自己解决这个问题。

有人遇到过这个吗？

【问题讨论】：

检查更彻底 Dashing 其他小部件找到了解决方案 - 1) 将图像文件放在 '__/assets/fonts/' 2) 小部件集 background: $background-color url('../../assets/jenkins.png') no-repeat 50% 50%; 的 scss 中，之后该图像显示为背景

【解决方案1】：

Bamboo 小部件中的以下代码可能会解决问题。这仅在 scss 文件中需要，不应该有任何其他特殊需要（除了将文件放在正确的位置以便 scss 找到它！）

.widget-bamboo-build {

  background: url("/assets/bamboo-logo.png") no-repeat center;

这一行位于 scss 文件中小部件部分的顶部。我已经包含了 .widget-bamboo-build 行来表明这一点。

因此，此行在 Dashing 应用程序主目录中查找名为“assets”的文件夹，然后尝试在该文件夹中查找“bamboo-logo.png”。

希望这会有所帮助:)

【讨论】：