聚合物中的空白页

Question

我是聚合物的新手。我只是尝试添加但是得到了空白屏幕。我错过了任何剧本吗？

头

<script src="bower_components/polymer/polymer.js"></script>
<script src="bower_components/webcomponentsjs/webcomponents.js"></script>
<link rel="import" href="bower_components/core-drawer-panel/core-drawer-panel.html">

体

   <core-drawer-panel transition id="core_drawer_panel" touch-action>
        <section id="section" drawer></section>
        <section id="section1" main></section>
    </core-drawer-panel>
    <script>

        Polymer({
        });

    </script>

Answer 1

实际上，这正是应该如此。

在检查员中查看，您会看到有一个带有两个部分的核心抽屉面板元素。核心抽屉面板没有任何视觉效果，只是一个容纳子组件的容器。

基本上你需要在部分中添加一些内容以在浏览器中查看内容：）

将以下内容添加到您的代码中：

<style>
 core-drawer-panel /deep/ section { 
  border:1px solid red;
 }
</style>

这将在视觉上突出显示各个部分。