聚合物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选择器将被弃用，因此需要将上述样式应用于 mixins -

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

Answer 2

接受的答案将会破裂，因为影子选择器已经/我已经相信，已弃用。

--paper-card-header mixin可用于您想要做的事情。请参阅此处使用mixins的示例 - https://www.polymer-project.org/1.0/docs/devguide/styling.html#custom-css-mixins