聚合物纸对话框退出动画不起作用

我刚开始学习聚合物，并试图在纸张对话框中放入和退出动画。它看起来像条目动画完美，但退出动画不是。我正在通过手动编码jQuery来做一个解决方法，但我想使用内置的纸质对话框功能。聚合物纸对话框退出动画不起作用

谢谢。

 <paper-dialog id="dialog" entry-animation="slide-from-top-animation" exit-animation="fade-out-animation" class="dialogstyle" no-cancel-on-outside-click no-cancel-on-esc-key> 
     <div class="buttons"> 
      <paper-button id="closebutton" dialog-dismiss autofocus><i class="fa fa-times" aria-hidden="true"></i></paper-button> 
     </div> 

     <strong>content here</strong> 

    </paper-dialog>

来源

2016-06-27 Rick Chong

只要您记得包含fade-out-animation.html，退出动画应该可以工作。

<head> 
 
    <base href="https://polygit.org/polymer+1.11.1/components/"> 
 
    <script src="webcomponentsjs/webcomponents-lite.js"></script> 
 
    <link rel="import" href="paper-dialog/paper-dialog.html"> 
 
    <link rel="import" href="neon-animation/web-animations.html"> 
 
    <link rel="import" href="neon-animation/animations/slide-from-top-animation.html"> 
 
    <link rel="import" href="neon-animation/animations/fade-out-animation.html"> 
 
</head> 
 
<body> 
 
    <paper-dialog entry-animation="slide-from-top-animation" 
 
       exit-animation="fade-out-animation" opened> 
 
    <h2>Header</h2> 
 
    <div>Dialog body</div> 
 
    </paper-dialog> 
 
</body>

codepen

来源

2016-06-27 21:01:48 tony19

聚合物纸对话框退出动画不起作用

回答

相关问题