ボタンをクリックするとポリマーデザイナーが「コアカード」を移動する

Question

ポリマーデザイナーで単純なボタンをクリックして別のアイテムのプロパティを変更するときに問題があるようです。私はここで、このボタンを作りたい：

<core-icon-button icon="more-vert" id="core_icon_button"></core-icon-button> 

移動「-10％」から、この「コア・カードは、」「10％」に

<core-card id="core_card" layout vertical left style="left:'-10%';">...</core-card> 

私がしようとし、これに複数のアプローチを試してみました"{{...}}"のような宣言を使用することができますが、これを理解する運がありませんでした。誰かが私を助けることができたら、私はそれを感謝します。

Answer 1

このような何か作業をする必要があります：

<template> 
    <style> 
     :host { 
     --core-card-left: -10%; 
     } 

     core-card { 
     left: var(--core-card-left); 
     } 
    <style> 
    <core-icon-button icon="more-vert" id="core_icon_button" on-click="updateLeft"></core-icon-button> 
    <core-card id="core_card" layout vertical left style="left:'-10%';">...</core-card> 

    </template> 

updateLeft = function(e) { 
    this.customStyle['--core-card-left'] = '10%'; 
    this.updateStyles(); 
    };