我想显示一个<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>
使用动画脚本创建一个自定义元素,然后将样式用作红色矩形,但它也不起作用。
如果需要,这是我的完整代码。
样式现在很乱,我稍后会改进它我只是希望动画在单击按钮时起作用。