Использование полимерной бумаги-фабрика и документация

#button #element #polymer

#кнопка #элемент #полимер

Вопрос:

Я пытаюсь использовать проект polymer на веб-сайте, но я застрял и не могу найти справку по документации.

Как мне использовать щелчок элемента paper-fab? Я видел в другом сообщении stackoverflow использование свойства on-tap = . Я просмотрел документы и код и не смог найти ни одного места, в котором говорилось бы, что это свойство существует.

Должен ли я добавить обработчик событий? Это то, как работает полимер?

Мой код:

  <!-- `keepCondensedHeader` makes the condensed header to not scroll away -->
    <core-scroll-header-panel condenses keepCondensedHeader condensedHeaderHeight="80">

        <core-toolbar>

            <div flex></div>
            <core-icon-button icon="thumb-up"></core-icon-button>
            <paper-fab icon="account-circle" ></paper-fab>

            <div class="bottom indent bottom-text" self-end>
                <div>ME AVISE</div>
                <div class="subtitle">Fique informado e economize</div>
            </div>

        </core-toolbar>

        <div class="content">

            <lorem-ipsum paragraphs="100"></lorem-ipsum>

        </div>

    </core-scroll-header-panel>
  

Ответ №1:

Если ваш опубликованный код находится внутри другого элемента Polymer, вы можете добавить его on-tap={{yourHandlerMethod}} к paper-fab элементу. Если вы находитесь за пределами Polymer, то да, вы можете просто el.addEventListener('tap', function() { ... }) .

Доступные события смотрите здесь.

Комментарии:

1. Как насчет onclick в html? Вы можете это использовать?

2. Да, вы можете использовать onclick .

3. а что, если я захочу установить значение заливки в css core-icon svg?

4. Добавьте .a-class-on-your-button::shadow core-icon { fill: red; } к своим элементам стили (замените «.a-class-на-вашей-кнопке» на все, что вам нужно для выбора core-icon-button , конечно).