0

我想显示一个<paper-dialog>,然后如果我按下<button>my 内部<div>,这里的红色矩形会在我的内部上下移动,<paper-dialog>就像它正在扫描某些东西一样。所以这是我如何创建它们的代码:

<paper-button raised onclick="dialog.open()">plain dialog</paper-button>

<paper-dialog id="dialog">
      <div id="rect" style="width:100px;height:100px;background-color:red"></div>
      <h1>essai</h1>
      <h1>essai</h1>
      <button on-tap="move" raised>Move above rectangle</button>
      <h1>essai</h1>
      <div id="fin">fin</div>
</paper-dialog>

但是动画根本不起作用,这是我的脚本的代码:

is: 'my-qrcodescanner',

    behaviors: [
        Polymer.NeonAnimationRunnerBehavior
    ],

    property: {

        animationConfig: {
          value: function () {
            return {
                'move': [{
                    name: 'slide-down-animation',
                    node: this.$.rect
                }, {
                    name: 'slide-up-animation',
                    node: this.$.rect,
                    timing: {delay: 100}
                }]
            }
          }
        }
    },

    move: function () {
        this.playAnimation('move');
    }

我没有看到我的错误,我的导入很好我检查了它,我什至尝试<my-animatable>使用动画脚本创建一个自定义元素,然后将样式用作红色矩形,但它也不起作用。

如果需要,这是我的完整代码。

样式现在很乱,我稍后会改进它我只是希望动画在单击按钮时起作用。

4

1 回答 1

0

问题在于自定义元素的属性声明。不是property但是properties

这可能发生在每个人身上,对于初学者来说,很难认出这个错误。由于您没有来自Polymerneon-animation关于未定义动画的反馈

于 2017-04-26T09:02:33.297 回答