聚合物 - 与纸徽章的图标

Question

我尝试使用paper-badge。我写了这段代码：

<iron-icon id="star" icon="icons:star-border" style="fill:blue;height: 38px;
        width: 58px;"></iron-icon>
<paper-badge label="6" for="star"></paper-badge>

我的问题是6不接近明星。

我想让它更像是

我不知道它们是否属于聚合物中的属性。

Answer 1

您可以修改paper-badge的自定义css属性来实现此目的。请注意，我已将width的{​​{1}}更改为iron-icon。

38px

查看here。

Answer 2

纸质徽章有两个简单的属性

$this->Sites->patchEntity($site, $this->request->data ...)

默认宽度和高度：

- paper-badge-width徽章圈的宽度22px

- paper-badge-height徽章圈的高度22px

可以在

中更改自定义CSS样式

<paper-badge for="btn" label="♥︎"></paper-badge>

关于铁图标

默认宽度和高度

- iron-icon-width图标宽度24px

- iron-icon-height图标高度24px

您可以通过更改样式

以自己的方式进行自定义

如果你可以使用相同的默认高度和宽度值来展位纸牌和铁盒，你可以获得你想要的视图。

请仔细阅读聚合物元素文档以获取更多参考资料

iron-core，paper-badge