2015-10-16 63 views
0

我有一个简单的页面:破铁柔性布局依赖

<!DOCTYPE html> 
<html> 
    <head> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <script src="bower_components/webcomponentsjs/webcomponents-lite.min.js"></script> 
    <link rel="import" href="bower_components/iron-flex-layout/classes/iron-flex-layout.html"> 
    </head> 

    <body class="fullbleed vertical layout" unresolved> 
    <div>Alpha</div> 
    <div class="flex">Beta (flex)</div> 
    <div>Gamma</div> 
    </body> 
</html> 

这是非常接近从那里给出的铁柔性布局样本。 但它呈现一个空白页面。 如果我添加另一个导入,如铁图像,页面显示正确。 由polyserve提供,否则一切正确安装。

感谢您的帮助/解释。

+0

片段对我来说工作得很好 - 我看到 阿尔法 Beta版(flex) Gamma 也许一些本地故障? – user656449

+0

iron-flex-layout.html位置看起来很奇怪 - “classes”dir来自哪里?在我的项目中,它是bower_components/iron-flex-layout/iron-flex-layout.html – user656449

+0

@ user656449:在文档https://elements.polymer-project.org/guides/flex-layout中的“使用布局类” 。 –

回答

0

我这里不好。

此时unresolved body属性未定义。 删除它使其按预期工作。

,其中定义了这个属性,虽然不知道(但在导入的元素,如铁元素,如上面提到的,和它的依赖使得它定义)