polymer - polymer 1.0如何集中对齐纸卡标题？

Question

我正在尝试以此集中证明纸卡标题的合理性:

paper-card [heading]{
      @apply(--center-justified);
    }

但这似乎无济于事。友善建议

Answer 1

heading不是attribute，因此您不能这样写。

您基本上需要在阴影dom内设置.title-text元素的样式，因此请改用它-

paper-card::shadow #shadow .header .title-text {
    display: flex;
    justify-content: center;
}

或使用聚合物 iron-flex-layout-

paper-card::shadow #shadow .header .title-text {
    @apply(--layout-vertical);
    @apply(--layout-center);
}

更新资料

感谢@sfeast指出这一点。由于不推荐使用 shadow选择器，因此需要将上述样式应用于mixin-

paper-card {
    --paper-card-header: {
        @apply(--layout-vertical);
        @apply(--layout-center);
    };
}