如何设置聚合物元素

时间:2016-05-29 16:27:14

标签: css polymer polymer-1.0 styling paper-elements

嗨,我正在创建我正在使用的聚合物元素<纸卡>。我想改变身高和高度我的纸卡宽度使它占据整个空间。此外,我想做一些更改,但我发现很难。我可以使用这样的内联样式来实现:

<template>
 <div >
 <paper-card heading="OTS Task" animatedShadow="true" style="width: 100%">
  <div class="card-content" >
      <iron-label >Label 1 </iron-label>
      <iron-label> Label 2</iron-label>       
  </div>
  <div class="card-actions">
    <paper-button>Share</paper-button>
    <paper-button>Explore!</paper-button>
  </div>
</paper-card>
</div>

如果你看到这里我做了style =“width:100%”,使它跨越整个宽度。任何人都可以告诉我如何在&lt;风格&gt;标签。我在这方面阅读了很少的文档,但发现它非常困难*聚合物*新。在此先感谢:)

3 个答案:

答案 0 :(得分:1)

def receive_signal(signum, stack): ... 的等效CSS将是:

<paper-card style="width: 100%">

这是一个有效的演示:

<style>
  paper-card {
    width: 100%;
  }
</style>

codepen

答案 1 :(得分:1)

不要认为将纸卡元素设置为100%就行了 我相信正确的方法是使用混音,因为这是你style Polymer elements的方式。

在这种情况下,正确的方法是:

  paper-card {
    --paper-card: {
      width: 100%;
    };
  }

在这种情况下,文本的对齐处理为:

  paper-card {
    --paper-card-header-text: {
        text-align: center;
    };
  }
  paper-card {
    --paper-card-content: {
        text-align: center;
    };
  }

可以在element description here.

中找到不同选择器的完整列表

答案 2 :(得分:0)

您可以在样式标记中使用is="custom-style",然后使用元素页面或标准CSS属性中描述的纸卡属性