聚合物：霓虹动画里面的霓虹动画

Posted 2023-02-24

【中文标题】聚合物：霓虹动画里面的霓虹动画

【英文标题】：Polymer: neon-animation inside neon-animation

【发布时间】：2016-02-17 19:29:57

【问题描述】：

我正在使用这样的东西：

<neon-animated-pages class="flex" selected="route" attr-for-selected="data-route" on-iron-select="_pageChanged" on-neon-animation-finish="_onNeonAnimationFinish">
                    <sys-neonpage1 data-route="home" id="page1" class="fit"></sys-neonpage1>
                    <sys-neonpage2 data-route="users" id="page2" class="fit"></sys-neonpage2>
                    <sys-elemento data-route="contact" id="page3" class="fit"></sys-elemento>                       
                </neon-animated-pages>

效果很好，里面有动画 >sys-neonpage1...> 但是在那个元素里面我有其他元素有一些动画，我想做的是里面元素的动画也运行，但是在这种情况下它不起作用，只有作品的动画。

例如里面我有这样的东西：

dom-module id="sys-neonpage1">
<template>        
        <sys-elemento class="prueba"></sys-elemento>
</template>

而且这个元素有他自己的动画，如果我在里面使用它就永远不会开始......

这可能吗？非常感谢。

【参考方案1】：

你要做的其实是内置neon-animated-pages组件：Running animations encapsulated in children nodes

总的来说，我建议您阅读整个"using neon-animations" guide，因为它写得很好。