Html 聚合物纸下拉菜单显示不正确_Html_Polymer

Html 聚合物纸下拉菜单显示不正确

html polymer

Html 聚合物纸下拉菜单显示不正确,html,polymer,Html,Polymer,我正试图为我正在进行的一个项目设置一些聚合物模块。在下面的代码中，按钮工作正常，但是当我导入下拉列表时，它看起来很奇怪。此代码直接来自，但不起作用。我怀疑我缺少一个依赖项，但文档中没有提到它。谢谢提高异龙雷龙轮齿龙双焦点纸质列表框元素中的class=“dropdown content”到底在做什么？不知道。我只是复制/粘贴了文档中的内容。 <html> <head> <script type="module" src

我正试图为我正在进行的一个项目设置一些聚合物模块。在下面的代码中，按钮工作正常，但是当我导入下拉列表时，它看起来很奇怪。此代码直接来自，但不起作用。我怀疑我缺少一个依赖项，但文档中没有提到它。
谢谢


提高
异龙
雷龙
轮齿龙
双焦点

纸质列表框元素中的class=“dropdown content”到底在做什么？

不知道。我只是复制/粘贴了文档中的内容。

<html>
  <head>
    <script type="module" src="/node_modules/@polymer/paper-button/paper-button.js"></script>
    <script type="module" src="/node_modules/@polymer/paper-dropdown-menu/paper-dropdown-menu.js"></script>
    <script type="module" src="/node_modules/@polymer/paper-item/paper-item.js"></script>
    <script type="module" src="/node_modules/@polymer/paper-listbox/paper-listbox.js"></script>
</head>
  <body>
    <paper-button raised class="indigo">raised</paper-button>
    <paper-dropdown-menu label="Dinosaurs">
      <paper-listbox slot="dropdown-content" class="dropdown-content">
        <paper-item>allosaurus</paper-item>
        <paper-item>brontosaurus</paper-item>
        <paper-item>carcharodontosaurus</paper-item>
        <paper-item>diplodocus</paper-item>
      </paper-listbox>
    </paper-dropdown-menu>
  </body>
</html>