Question

我想显示<paper-dialog>然后如果我按<button>内的<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>，然后使用样式作为红色矩形但它也没有用。

Here如果需要，我的完整代码。

现在风格很乱，我稍后会改进它我只想在点击按钮时动画才能工作。

Answer 1

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

这可能发生在每个人身上，对于初学者来说，很难认识到这个错误。由于您没有Polymer或neon-animation关于未定义动画的反馈

霓虹灯动画不会在纸张对话框内的div上工作

1 个答案: