Начало работы с бумажными элементами Polymer

Я экспериментировал с Polymer. Я успешно создал приложение «Hello World». Мое приложение включает в себя железные элементы. Сейчас я пытаюсь интегрировать бумажные элементы. К сожалению, я не могу заставить их работать в моем проекте.

Я установил их через bower install PolymerElements/paper-elements. Затем я импортировал .html аналогично тому, как я сделал это для железных элементов. Однако предметы не появились. Итак, я решил сделать шаг назад и просто сделать «привет, мир» с бумажными элементами. К моему удивлению, я не мог понять, как просто отобразить кнопку с бумагой. Наверняка я не такой тупой.

Я искал базовое приложение, которое я мог взять с GitHub и использовать. Однако мне и в этом не повезло. В настоящее время у меня есть следующее:

<html>
  <head>
    <title>Hello</title>
    <script src="res/packages/webcomponentsjs/webcomponents-lite.min.js"></script>   

    <!-- Polymer -->
    <link rel="import" href="res/packages/polymer/polymer.html"> 

    <!-- Paper Elements -->
    <link rel="import" href="res/packages/font-roboto/roboto.html">   
    <link rel="import" href="res/packages/paper-header-panel/paper-header-panel.html">
    <link rel="import" href="res/packages/paper-toolbar/paper-toolbar.html">
    <link rel="import" href="res/packages/paper-button/paper-button.html">     

    <!-- End of Paper Elements -->

    <!-- End of Polymer -->

  </head>
  <body unresolved>
    <h1>Hello</h1>
    <paper-header-panel>
      <paper-button raisedButton label="button"></paper-button> 
    </paper-header-panel>        
  </body>
</html>

Что я делаю не так? Может ли кто-нибудь сказать мне, что мне не хватает, или указать мне основное приложение «Hello World» с Paper?

Благодарю вас!


polymer paper-elements
person Some User    schedule 25.11.2015    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Удалите свой paper-header-panel и попробуйте следующее:

<paper-button raised>Raised button</paper-button>
person Pascal Gula    schedule 25.11.2015
comment
Важно: Панель заголовка бумаги не будет отображаться, если ее родительский элемент не имеет высоты. - person Pascal Gula; 25.11.2015
comment
Спасибо за указание на это. Я не знал о требованиях к высоте. - person Some User; 25.11.2015
comment
Да, это может быть сюрпризом при первом использовании! :) - person Pascal Gula; 25.11.2015