带有聚合物纸张元素的最简单的HTML页面

Question

带有聚合物纸张元素的最简单的HTML页面

Wit*_*tek 0 web-component polyfills polymer

如何创建使用Polymer Paper Elements的最简单的html页面？

我想有一个单独的html文件,从其他地方加载所有需要的库(CDN).例:

<!DOCTYPE html>
<html>
  <head>
    <title>Polymer Test</title>
  </head>
  <body>
    <paper-button>hello world paper button</paper-button>
  </body>
</html>

Run Code Online (Sandbox Code Playgroud)

这显然不起作用,因为<paper-button>浏览器不知道.那么我需要包括什么才能使它适用于所有当前的浏览器？

是否可以自己下载任何库并且不得不将它们放在我的html文件旁边的web服务器上？

Answer 1

jea*_*kou 7

你可以使用Polygit作为聚合物的CDN工具

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Polymer Simple</title>

    <base href="http://polygit.org/polymer+:master/components/">

    <script src="webcomponentsjs/webcomponents-lite.min.js"></script>
    <link href="polymer/polymer.html" rel="import">
    <link rel="import" href="paper-button/paper-button.html">
  </head>
  <body>
    <paper-button raised> Hello World!</paper-button>
  </body>
</html>

Run Code Online (Sandbox Code Playgroud)

这是codepen与polygit,你可以fork工具包

归档时间：	9 年，11 月前
查看次数：	884 次
最近记录：	9 年，11 月前