Polymer 聚合物1.0如何调整纸卡标题?

Polymer 聚合物1.0如何调整纸卡标题?,polymer,polymer-1.0,Polymer,Polymer 1.0,我试图证明纸质卡片标题的合理性: 纸质卡片[标题]{ @应用(--中心对齐); }标题不是一个属性,因此不能这样写 您基本上需要在shadowdom中设置.title text元素的样式,因此请改用此样式- paper-card::shadow #shadow .header .title-text { display: flex; justify-content: center; } 或者使用聚合物iron flex布局- paper-card::shadow #shado

我试图证明纸质卡片标题的合理性:

纸质卡片[标题]{
@应用(--中心对齐);

}
标题
不是一个
属性
,因此不能这样写

您基本上需要在shadowdom中设置
.title text
元素的样式,因此请改用此样式-

paper-card::shadow #shadow .header .title-text {
    display: flex;
    justify-content: center;
}
或者使用聚合物
iron flex布局
-

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

更新 感谢@sfeast指出这一点。由于
shadow
选择器将被弃用,因此需要将上述样式应用于如下混音-

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

公认的答案将被打破,因为我相信阴影选择器已经被弃用了


--纸卡头
mixin可用于您想要执行的操作。请参见此处使用mixin的示例-

嘿,谢谢!我没有意识到这一点。我已经更新了答案,现在看起来好多了。:)