[英]“core-header-panel” element of Polymer is not showing text inside content Div
I have used "core-header-panel" element of Polymer in my application, However Not sure why contents inside div is not visible. 我在应用程序中使用了Polymer的“ core-header-panel”元素,但是不确定为什么div中的内容不可见。
Complete code at - http://jsfiddle.net/ilovenagpur/5rm4eznm/1/ 完整代码-http://jsfiddle.net/ilovenagpur/5rm4eznm/1/
please suggest if i am missing something here. 请建议如果我在这里缺少什么。
Code Snippet : 代码段:
<body fullbleed unresolved vertical layout>
<core-header-panel >
<core-toolbar class="medium-tall">
<div flex>I am Heading</div>
<core-icon-button icon="search"></core-icon-button>
<paper-tabs class="bottom fit" selected="0">
<paper-tab>This Week</paper-tab>
<paper-tab>Next Week</paper-tab>
<paper-tab>History</paper-tab>
</paper-tabs>
</core-toolbar>
<div class="content">
THIS <br />
COMPONENT <br />
IS NOT <br />
VISIBLE <br />
THIS <br />
COMPONENT <br />
IS NOT <br />
VISIBLE <br />
THIS <br />
COMPONENT <br />
IS NOT <br />
VISIBLE <br />
THIS <br />
COMPONENT <br />
IS NOT <br />
VISIBLE <br />
<footer layout vertical center>
<div >I am footer</div>
</footer>
</div>
</core-header-panel>
</body>
Via the secend video on this page: 通过此页面上的第二视频:
Both
core-header-panel
itself and the parent (body
in your code), need an explicit height set.core-header-panel
本身和父core-header-panel
(代码中的body
)都需要一个显式的高度集。
So I guess you may wanna try <core-header-panel flex>
因此,我想您可能想尝试<core-header-panel flex>
update: 更新:
I tried your code, the problem is in your stylesheet. 我尝试了您的代码,问题出在您的样式表中。
Those "invisible" text are actually "under" the core-toolbar. 这些“不可见”文本实际上位于核心工具栏下方。
I was able to fix issue. 我能够解决问题。 and achieved desired output without core-header-panel
, Here is working code. 在没有core-header-panel
情况下实现了所需的输出,这是工作代码。
http://jsfiddle.net/ocw5x2aL/8/ http://jsfiddle.net/ocw5x2aL/8/
Thanks namiheike for your help and suggestions. 感谢namiheike的帮助和建议。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.