我正在对聚合物 1.0 元素进行简单测试。在 paper-header-panel 测试中,内容区域元素不可见或在 paper-header div 上方移动。演示在这里,代码在下面。为什么不显示内容文本?
<!DOCTYPE html>
<html>
<head>
<title>paper-header-panel demo</title>
<script src="bower_components/webcomponentsjs/webcomponents-lite.js"></script>
<link rel="import" href="bower_components/paper-header-panel/paper-header-panel.html">
<link rel="import" href="bower_components/iron-flex-layout/iron-flex-layout.html">
</head>
<body class="fullbleed layout vertical" style="height: 100%">
<paper-header-panel mode="waterfall" class="flex">
<div class="paper-header" style="height: 60px;">I am the header</div>
<div class="content fit">I am the content</div>
</paper-header-panel>
</body>
</html>